<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試</title>
<script src="js/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="css/main.css">
<script>
function test(){
let pattern = /^1(3|4|5|6|7|8|9)\d{9}$/;//手機號
let kk = $("#one").val();
if(pattern.test(kk)){
$("#one1").text("✔");//正確
}else {
$("#one1").text("❌");//有誤
}
//身份證號驗證
let pattern1 = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
let kk2 = $("#two").val();
if(pattern1.test(kk2)){
$("#two1").text("✔");//正確
}else {
$("#two1").text("❌");//有誤
}
}
</script>
</head>
<body>
<div id="minx">
<div>
手機號碼:<input type="text" id="one" name="number"> <samp id="one1"></samp>
</div>
<div>
身份證號碼: <input type="text" id="two" name="identity"><samp id="two1"></samp>
</div>
<button type="button" onclick="test()">判斷</button>
</div>
</body>
</html>
下圖是我的分析如有錯誤請各位提醒。