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>

    表单验证

  • 相关阅读:
    文件上传利器JQuery上传插件Uploadify
    记自己的第一个完整的java web项目
    win7下oracle的安装
    Linux下redis的安装
    微信公众号开发地理位置坐标的转换
    Apache Log4j配置说明
    eclipse安装svn插件
    网站引入外部js
    蛇形填数
    第一节:Scrapy开源框架初探
  • 原文地址:https://www.cnblogs.com/wuqiuxue/p/8023584.html
Copyright © 2011-2022 走看看