zoukankan      html  css  js  c++  java
  • 文本输入的几种特殊验证方式

    <head>

    <style type="text/css">
    *{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px}
    </style>

    </head>

    <body>
    <form action="9.11.html" method="post">
      <input type="text" name="a1" id="a1" onblur="Check()" />
      <input type="text" name="b1" id="b1" />
      <input type="text" name="b2" id="b2" />
      <input type="text" name="c1" id="c1" />
      <input type="text" name="d1" id="d1" />
      <input type="submit" name="z1" value="z1" onclick="return Check()" id="z1" /></form>

    </body>

    <script type="text/javascript">
    //非空验证
    function Check()
    {
    var v = document.getElementById("a1").value
    if(v.trim.length==0)
    {
    alert("格式不正确请重新输入");
    return false;
    }
    else
    {
    return true;
    }
    }
    //相等验证
    function Check()
    {
    var v1 = document.getElementById("b1").value
    var v2 = document.getElementById("b2").value
    if(v1==v2)
    {
    return true;
    }
    else
    {
    alert("第二次输入有误,请检查");
    return false;
    }
    }
    //范围验证
    function Check()
    {
    var i = parseInt(document.getElementById("c1").value);
    if(i>=18&&i<=50)
    {
    return true
    }
    else
    {
    alert("还是不行");
    return false
    }
    }

    //特殊格式验证
    function Check()
    {
    var v = document.getElementById("d1").value
    //字符串有个方法match()需要一个正则表达式作为参数,如果匹配成功,返回匹配到的内容,如果匹配失败,返回null
    if(v.match(/[1-9]d{5}(?!d)/)==null)
    {
    alert("格式不正确");
    return false;
    }
    else
    {
    return true;
    }
    }
    </script>

    </html>

  • 相关阅读:
    状压DP
    题解:中位数
    题解:三只小猪
    二分图最大匹配
    AC自动机
    题解 P1137 【旅行计划】
    题解 P1280 【尼克的任务】
    DFT&IDFT学习笔记
    emacs配置
    莫比乌斯反演推导即μ函数的证明
  • 原文地址:https://www.cnblogs.com/ysdong/p/5909068.html
Copyright © 2011-2022 走看看