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>

  • 相关阅读:
    java 多线程学习(一)
    解决安卓微信浏览器刷新问题
    sublime text3 配置tab为4个空格
    React 错误Each child in an array or iterator should have a unique “key” prop
    git filename to long问题解决
    JS获取URL参数 方法
    CSS超出2行省略号
    JS判断是否为安卓orIOS
    获取移动设备真实宽高
    微信分享朋友圈监听(PHP)
  • 原文地址:https://www.cnblogs.com/ysdong/p/5909068.html
Copyright © 2011-2022 走看看