美文网首页
验证表单的三种方法

验证表单的三种方法

作者: 欣_m | 来源:发表于2019-07-31 20:25 被阅读0次

    1.在form标签中 加入属性 onsubmit="return verForm()"调用函数;

    input标签里的type属性为submit

    定义对象,获取用户名、密码的值;

    用if判断 输入的值是否合法;

    注意当用户名密码不正确时要return false,否则return true。(return flase代表停留在当前网页)


    2.input标签type设置为botton,同时加入点击事件 onclick="verFun()"

    verFun()函数中,定义对象,获取用户名和密码的值;

    if语句进行判断 

    注意当用户名密码不正确时要return false;否则在else中定义表单元标签的对对象,然后 对象名.submit();进行页面跳转。


    3.正则表达式验证

    input标签type设置为botton,同时加入点击事件 onclick="verFun()";

    在verFun()函数中,定义返回值,分别接受用户名验证函数和密码验证函数。if语句判断,当2个返回值都为true,进行页面跳转;

    写两个函数,一个验证用户名,一个验证密码;

    在这2个函数中,定义对象,首先是input框的对象,其次是在input框中的值,还有一个提示信息<em>标签的对象,用来显示提示文字。最后就是正则表达式

    用if(reg.test(nameValue)==false)代表当用户名不合法时,return false;最后else return true。


    相关文章

      网友评论

          本文标题:验证表单的三种方法

          本文链接:https://www.haomeiwen.com/subject/bzqxdctx.html