js的電話號碼和密碼的正則判斷
阿新 • • 發佈：2018-11-12
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>註冊介面</title>
</head>
<script>
//驗證手機號是否符合規範
function Number() {
//獲取標籤元素
var phoneNumber = document.getElementsByClassName('Num')[0];
var oSpan1=document.getElementById('Number');
//獲取input輸入的值，再做正則判斷
var str1=phoneNumber.value;
var bool=checkNumber(str1);
if(bool==false){
//當輸入的資料不合法的時候出現提示語句
oSpan1.innerHTML="資料不合法";
phoneNumber.value="";
}
}
//當獲取焦點的時候不出現提示語句
function flush(){
var oSpan1=document.getElementById('Number');
oSpan1.innerHTML="";
}
function flush1(){
var oSpan1=document.getElementById('pwd');
oSpan1.innerHTML="";
}
//判斷電話號碼是否合法
function checkNumber(str){
var reg=/^[1]{1}[3,4,5,6,7,8,9]{1}[0-9]{9}$/;
var bool=reg.test(str);
return bool;
}
//驗證密碼是否滿足強度
function pwd(str){
var reg=/^(?=.*[0-9].*)(?=.*[A-Z].*)(?=.*[a-z].*).{6,12}$/;
var bool=reg.test(str);
return bool;
}
//
function pwd() {
//獲取標籤元素
var oPwd = document.getElementsByClassName('pwd')[0];
var oSpan1=document.getElementById('pwd');
//獲取input輸入的值，再做正則判斷
var str1=oPwd.value;
var bool=pwd(str1);
if(bool==false){
//當輸入的資料不合法的時候出現提示語句
oSpan1.innerHTML="資料不合法";
oPwd.value="";
}
}
</script>
<form name="form1">
<lable>手機號：</lable>
<input class="Num" type="text" onblur="Number()" onfocus="flush()"><span id="Number"></span>
<br>
<lable>密碼：</lable>
<input class="pwd" type="password" onblur="pwd()" onfocus="flush1()"><span id="pwd"></span>
</form>
</body>
</html>