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;
        }
      }

  • 相关阅读:
    spring注解开发AnnotationConfigApplicationContext的使用
    java.rmi.server.ExportException: Port already in use: 1099; nested exception is
    mac 入门操作
    postgreSql 常用查询总结
    Tomcat专题
    Java反射
    notepad++ jstool 插件安装
    Java集合
    Java 集合并交补
    C++回调函数(callback)的使用
  • 原文地址:https://www.cnblogs.com/The-second/p/5908519.html
Copyright © 2011-2022 走看看