表单验证

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

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

            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("邮箱输入不正确!");
        }
      }
原文地址:https://www.cnblogs.com/maoqiaoyu123/p/8017163.html