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

  • 相关阅读:
    sun.misc.BASE64Encoder找不到的解决方法
    eclipse里大小写转化的快捷键是什么
    jface viewer 理解
    如何在遗留代码基础上开发
    谈谈技术文档的编写
    jre build path 中的限制问题导致一些代码无法编译..如果设置
    android update automatically ( android 自动升级)
    各大集群存储产品点评
    关于@Autowired 注释为何不需要get Set
    VRML之desk
  • 原文地址:https://www.cnblogs.com/The-second/p/5908519.html
Copyright © 2011-2022 走看看