以前的正則驗證裏面，如果是199開頭或者166開頭的手機號碼就沒有辦法通過驗證，會給這些用戶帶來一定的麻煩
/* 手機號碼驗證 */
var $phone_num = $("#phone").val();
var reg01 = /^1[3|4|5|6|7|8|9]\d{9}$/; //手機號
if(reg01.test($phone_num)) {
console.log("手機號正確");
} else {
layer.msg('請填寫正確手機號', {
icon : 5,
time : 1000
});
return;
}
demo
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<input type="text" id="phone" maxlength="16"></input>
<button type="button" class="btn blue" id="addBtn">保存</button>
<script type="text/javascript">
$("#addBtn").on("click", function() {
/* 手機號碼驗證 */
var $phone_num = $("#phone").val();
var reg01 = /^1[3|4|5|6|7|8|9]\d{9}$/; //手機號
if(reg01.test($phone_num)) {
console.log("手機號正確");
} else {
alert("請正確填寫")
return;
}
})
</script>
</body>
</html>
個人建議：任何有關手機號、電話號、郵箱、網址等的正則校驗不要寫得太嚴格，以防用戶前端輸入稀有賬號校驗通過不了。
原文作者：祈澈姑娘 技術博客：https://www.jianshu.com/u/05f416aefbe1
90後前端妹子，愛編程，愛運營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚，歡迎關注【編程微刊】公衆號，回覆【領取資源】,500G編程學習資源乾貨免費送。