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

最新推荐文章于 2020-11-19 13:03:38 发布

爱早睡的老林

最新推荐文章于 2020-11-19 13:03:38 发布

阅读量158

点赞数

分类专栏：原生js

本文链接：https://blog.csdn.net/m0_38005587/article/details/84789282

版权

原生js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

最近在做表单校验页面，发现当正则匹配对象是/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也会出现一样的情况；

爱早睡的老林

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则匹配/g在onfocus事件校验不准的小bug

最近在做表单校验页面，发现当正则匹配对象是/g的情况时，会出现校验不准的小bug，第一次focus时匹配正确，第二次focus时里面的值就不正确了，依次重复，非常奇怪；后来仔细看了global参数，是指完全匹配里面的字符串，但是按理说也不会一直校验不准确。后来尝试不添加参数，或者将参数改为i，就可以成功校验了。&lt;!DOCTYPE html&gt;&lt;html lang="en...
复制链接

扫一扫