正则表达式（二）

正则表达式：

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

<!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>

 

posted @ 2018-12-20 11:49  猝死边缘挣扎的狗子  阅读(140)  评论(0)  编辑  收藏  举报