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