zoukankan      html  css  js  c++  java
  • 表单验证

      <form action="lizi1.html" method="post">

    非空验证

      <input type="text" name="uid" id="uid" onblur="Check()" />  

      <input type="submit" value="确定" id="btn" onclick="return Check()" />

      </form>

      function Check()
      {
        var v = document.getElementById("uid").value;
        if(v.trim().length==0)
        {
          alert("用户名不能为空");
          return false;
        }
        else
        {
          return true;
        }
      }

    相等验证

      <input type="text" name="pw1" id="pw1" />
      <input type="text" name="pw2" id="pw2" />

      <input type="submit" value="确定" id="btn" onclick="return Check()" />

      function Check()
      {
        var v1 = document.getElementById("pw1").value;
        var v2 = document.getElementById("pw2").value;
        if(v1==v2)
        {
          return true;
        }else
        {
          alert("两次输入的密码不相同");
          return false;
        }
      }

    范围验证

      <input type="text" name="age" id="age" />

      <input type="submit" value="确定" id="btn" onclick="return Check()" />

      function Check()
      {
        var v = parseInt(document.getElementById("age").value);
        if( v>=18 && v<=50)
        {
          return true;
        }
        else
        {
          alert("输入的年龄不在范围内");
          return false;
        }
      }

    邮箱验证

      <input type="text" name="email" id="email" />

      <input type="submit" value="确定" id="btn" onclick="return Check()" />

      function Check()
      {
        var v = document.getElementById("email").value;
        //字符串有个方法match()需要一个正则表达式作为参数,如果匹配成功,返回匹配到的内容,如果匹配失败返回null
        //5261.-+dhjskah.-+dhjskah@23-.das.dhakjhdajk
        if(v.match(/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/)==null)
        {
          alert("输入的邮箱格式不正确");
          return false;
        }
        else
        {
          return true;
        }
      }

  • 相关阅读:
    分布式协调服务 ( 服务治理 ).
    【Java常用类之enumm枚举类 20】
    【Java常用类之date类 19】
    【Java常用类之String类18】
    【Java数组算法17】
    【Java数组-二维数组16】
    【Java数组-一维数组15】
    【Java异常 14】
    【Java的package/import&访问权限&修饰符&Object常用方法 13】
    《Rubu基础教程第五版》第十七章笔记 IO类
  • 原文地址:https://www.cnblogs.com/The-second/p/5908519.html
Copyright © 2011-2022 走看看