• 表单验证


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

  • 相关阅读:
    上学要迟到了【最短路转化】
    解方程【狄利克雷卷积+莫比乌斯反演+积性函数】
    FFT
    min25 筛
    Easy【生成函数】
    CF1406D-Three Sequences
    Alice和Bob赌糖果【赌徒破产模型】
    记MySQL自增主键修改无效的问题
    JVM学习笔记(十一、JDK分析工具)
    JVM学习笔记(十、GC3-垃圾回收机制)
  • 原文地址:https://www.cnblogs.com/The-second/p/5908519.html
Copyright © 2020-2023  润新知