表单验证是我们最常会使用到的方法,它可以对该表单进行验证。
表单验证有四种验证方法:
1.非空验证:验证该文本框内输入的内容是否为空,常用来验证用户名是否输入。它所使用到的函数为:
var n = document.getElementById("name"); n.onblur=function(){ if(n.value==""){ alert("用户名不能为空"); } }
2.相等验证:验证两个文本框输入的数值是否一样,用于注册页面输入两次密码,验证是否一样。它所使用到的函数为:
var m2 = document.getElementById("mima2"); m2.onblur=function(){ var m1 = document.getElementById("mima1"); if(m1.value==m2.value){ alert("通过"); } else{ alert("两次密码不一致"); } }
3.范围验证:验证输入的数值是否在设定的范围内,如年龄的验证。
var a = document.getElementById("age"); a.onblur=function(){ if(a.value>=18 && a.value<=50){ alert("通过"); } else{ alert("年龄不在范围内"); } }
4.正则验证:这种验证方式需要用到正则表达式,用来验证各种定好的规则。
var e = document.getElementById("email"); e.onblur=function(){ var reg = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/; if(e.value.match(reg)==null){ alert("邮箱输入不正确!"); } }