zoukankan      html  css  js  c++  java
  • JS——正则案例

    验证座机号码

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <div class="box">
        <input type="text"/>
        <span>请输入!</span>
    </div>
    
    <script>
        //需求:验证座机号!
        //直辖市:三位-八位(010-82935150)
        //普通市:四位-七位(0314-3160186)
        var inp = document.getElementsByTagName("input")[0];
        var span = inp.nextElementSibling || inp.nextSibling;
        inp.onblur = function () {
            var reg1 = /(^0d{2}-8d{7}$)|(^0d{3}-3d{6}$)/;
            if (reg1.test(inp.value)) {
                span.style.color = "green";
                span.innerHTML = "恭喜您,输入正确!";
            } else {
                span.style.color = "red";
                span.innerHTML = "对不起,您输入的为非法字符!";
            }
        }
    </script>
    </body>
    </html>

    验证中文账号

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <div class="box">
        <input type="text"/>
        <span>请输入!</span>
    </div>
    <script>
        //需求:输入名字,两位-四为。
        //原理: unicode(u4e00-u9fa5)编码{2,4}
        var inp = document.getElementsByTagName("input")[0];
        var span = inp.parentNode.children[1];
        inp.onblur = function () {
            //unicode(u4e00-u9fa5)编码{2,4}
            var reg = /^[u4e00-u9fa5]{2,4}$/;
            if (reg.test(this.value)) {
                span.style.color = "green";
                span.innerHTML = "恭喜您,输入正确!";
            } else {
                span.style.color = "red";
                span.innerHTML = "对不起,您输入的为非法字符!";
            }
        }
    </script>
    </body>
    </html>

    表单验证

  • 相关阅读:
    Android众说纷纭分辨率
    Android初识Helloworld
    Android从零开始
    PHP使用APC获取上传文件进度
    央行mlf,SLF,PSL,MLF,SLO
    python的lxml解析器
    美国风投行业50年数据揭示的10条VC投资秘密法则
    osx的10款文本编辑器
    nano命令,vi ed pico sed joe emacs jed ex
    修改centos7/osx的MAC地址
  • 原文地址:https://www.cnblogs.com/wuqiuxue/p/8023584.html
Copyright © 2011-2022 走看看