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

验证表单的三种方法

作者: 欣_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