正则匹配/g在onfocus事件校验不准的小bug

最近在做表单校验页面,发现当正则匹配对象是/g的情况时,会出现校验不准的小bug,第一次focus时匹配正确,第二次focus时里面的值就不正确了,依次重复,非常奇怪;后来仔细看了global参数,是指完全匹配里面的字符串,但是按理说也不会一直校验不准确。

后来尝试不添加参数,或者将参数改为i,就可以成功校验了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<input type="text" class="p">
<script>
    var p = document.querySelector(".p");
        var reg =  new RegExp("^1(33|49|53|7[37]|8[0,1,9]|99)[0-9]{8}$","g");
            p.onfocus=function () {
                setTimeout(function () {
                if(reg.test(p.value)){
                    console.log("校验成功");
                }else{
                    console.log("校验失败");
                }
            },200)
        }
</script>
</body>
</html>

打印出来的效果:

这个bug尚未解决,用jq也会出现一样的情况;

猜你喜欢

转载自blog.csdn.net/m0_38005587/article/details/84789282
今日推荐