表单验证

      表单验证是我们最常会使用到的方法，它可以对该表单进行验证。

      表单验证有四种验证方法：

            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("邮箱输入不正确！");
        }
      }