正则表达式

Posted masteryin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了正则表达式相关的知识，希望对你有一定的参考价值。

正则表达式：

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

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

 

以上是关于正则表达式的主要内容，如果未能解决你的问题，请参考以下文章

markdown 正则表达式模式片段

正则表达式匹配特定的 URL 片段而不是所有其他 URL 可能性

循环通过 python 正则表达式匹配

asp.net 使用正则表达式验证包含打开/关闭括号片段的属性字符串

攻破难啃的骨头-正则表达式（转）

正则表达式的贪婪和非贪婪模式