zoukankan      html  css  js  c++  java
  • 正则表达式(二)

    正则表达式:

      是一种对字符串逻辑公式,对字符串通过设置一些字符组合来对字符串进行匹配。

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>正则表达式</title>
            <style>
                #txtError{
                    color: #f00;
                }
            </style>
        </head>
        <body>
            <input type="text" placeholder="请输入账号" id="txt"/>
            <span id="txtError"></span>
            <input type="button" value="返回" id="btn"/>
            <script>
                document.getElementById("btn").onclick = function(){
                    window.history.back();
                }
                //1.获取对象
                var txt = document.getElementById("txt");
                var txtError = document.getElementById("txtError");
                /*var str = "   abc";
                console.log(str.trim());*/
                txt.onkeydown = function(event){
                    console.log(event.keyCode);
                    //阻止空格键的输入
                    if(event.keyCode == 32){
                        return false;
                    }
                }
                //2。添加失去焦点的事件
                txt.onblur = function(){
                    //验证
                    //1.写正则表达式 /^写规则$/
                    //var reg = /^d{6,16}$/;
                    //手机号
                    var reg = /^1[3578]d{9}$/;
                    //电子邮箱  ****@***.com.cn
                    //2.所有匹配的值
                    var val = txt.value;
                    //3.做正则验证   正则对象.test(所有匹配的字符串)
                    //返回值是boolean;若匹配成功则返回true
                    console.log(reg.test(val));
                    if(!reg.test(val)){
                        txtError.innerHTML = "*不是一个数字";
                    }else{
                        txtError.innerHTML = "";
                    }
                }
            </script>
        </body>
    </html>
  • 相关阅读:
    爬取药智网中的方剂信息
    日报3.13
    数据库添加出错
    Bencode
    一些安全网络协议
    代码质量不重要
    Jordan Peterson
    随身记录的缺点
    Why is Go PANICking?
    go问
  • 原文地址:https://www.cnblogs.com/masteryin/p/10148481.html
Copyright © 2011-2022 走看看