js正则表达式简单例子

最新推荐文章于 2021-12-07 11:01:47 发布

yzxzsp11

最新推荐文章于 2021-12-07 11:01:47 发布

阅读量317

点赞数

分类专栏： javascript 文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/yzxzsp11/article/details/50611866

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js正则表达式</title>
</head>
<body>

<textarea id="txt1" rows="10" cols="40"></textarea>
<br/>
<input type="button" id="btn1" value="过滤" />
</br>
<textarea id="txt2" rows="10" cols="40" ></textarea>
</br>
<textarea id="txt3" rows="10" cols="40" ></textarea>
<!--量词-->
<!--
             {n}       正好出现n次
             {n,m}     最少n次，最多m次
             {n,}      最少n次，最多不限
             +         {1,}
             ?         {0,1}  //最少0次，最多1次
             *         {0,n}   //最少0位,最多n位   注意：出现了0次也当成.计算进去，所以，尽量不用

        ?例如：（电话号码）
         010-            3242453     -10
        (0\d{2-3}-)?     [1-9]\d{7}  (-\d{1,5})?

        例如：
        \d{8}          8位数字
        [1-9]\d{7}     第一位数为数字1-9，之后的数字为7位
        [1-9]\d{4,10}  第一位数为数字1-9，之后的数字为4-10位
        -->
<input type="text" id="txt4" />
<input type="button" value="check" id="btn2"/>
</body>
<script>
    window.onload=function(){
        guoLu();
        mailTest();
    };
    //正则表达式中 “.”   代表任意字符
    //              \d  数字                [0-9]
    //              \w  英文、数字、下划线  [a-z0-9_]
    //              \s  空白字符
    //              \D  不是数字            [^0-9]
    //              \W  不是字母            [^a-z]
    //              \S  不是空白

    function guoLu() {    //使用正则表达式实现文字过滤
        var oTxt1 = document.getElementById('txt1');
        var oTxt2 = document.getElementById('txt2');
        var oBtn = document.getElementById('btn1');
        var oTxt3 = document.getElementById('txt3');
        oBtn.onclick = function () {
            var re = /wade|james/g;  //正则表达式选中wade和james
            var re2 = /<[^<>]+>/g;   //过滤html标签
            oTxt2.value = oTxt1.value.replace(re, '***');
            oTxt3.value = oTxt1.value.replace(re2, ' ');
        }
    }
    function mailTest(){    //检验邮箱填写是否正确
        var oBtn2=document.getElementById('btn2');
        var oTxt4=document.getElementById('txt4');
        oBtn2.onclick=function(){
            var re=/^\w+@[a-z0-9]+\.[a-z]+$/i;
            if(re.test(oTxt4.value)){
                alert('邮箱正确');
            }
            else{
                alert('邮箱错误');
            }
        }
    }
</script>
</html>

yzxzsp11

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js正则表达式简单例子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js正则表达式</title></head><body><textarea id="txt1" rows="10" cols="40"></textarea><br/><input type="button" id="btn1" valu
复制链接

扫一扫