$('#p01 ')。empty();
})
$("#psd ")。focus(function(){
$('#p02 ')。empty();
});
$("#tel ")。focus(function(){
$('#p03 ')。empty();
});
功能?checkUser()?{
var?雷格斯?=?/^[a-za-z0-9_-]{4,16}$/;
var?用戶?=?$(' # user ');
如果(?$(" #用戶")。val()。長度?==?0?){
$("#p01 ")。html("賬戶不能為空");
$("#p01 ")。css("顏色","紅色");
回歸?假的;
}別的?if(reguser . test(user . val()){
$("#p01 ")。html("用戶名輸入正確");
$("#p01 ")。css("顏色","藍色");
回歸?真實;
}否則{
$("#p01 ")。html("用戶名為4-16字母、數字、下劃線和減號");
$("#p01 ")。css("顏色","紅色");
回歸?假的;
}
}
功能?checkTel()?{
var?regtel?=?/^1[3|4|5|7|8][0-9]{9}$/;
var?電話?=?$(' # tel ');
如果(?$("#tel ")。val()。長度?==?0?){
$("#p03 ")。html("數字不能為空");
$("#p03 ")。css("顏色","紅色");
回歸?假的;
}別的?if(regtel . test(tel . val()){
$("#p03 ")。html(“手機號輸入正確”);
$("#p03 ")。css("顏色","藍色");
回歸?真實;
}否則{
$("#p03 ")。html("請輸入正確的手機號碼");
$("#p03 ")。css("顏色","紅色");
回歸?假的;
}
}
功能?checkPassword()?{
var?regpsda?=/[0-9 | A-Z | A-Z]/;
var?regpsdb?=/^[a-za-z]+$/;?//密碼強度設計不夠嚴謹。
var?regpsdc?=/[^0-9a-za-z]/;
var?psd?=?$(' # PSD ');
如果(?$("#psd ")。val()。長度?==?0?){
$("#p02 ")。html("密碼不能為空");
$("#p02 ")。css("顏色","紅色");
回歸?假的;
}別的?if(reg psda . test(PSD . val()){
$("#p02 ")。html(“低密碼強度”);
$("#p02 ")。css("color "," Indian red ");
回歸?真實;
}別的?if(regpsdb . test(PSD . val()){
$("#p02 ")。html(“密碼強度進行中”);
$("#p02 ")。css("顏色","巧克力");
回歸?真實;
}別的?if(regpsdc . test(PSD . val()){
$("#p02 ")。html(“強密碼”);
$("#p02 ")。css(“顏色”、“綠色”);
回歸?真實;
}否則{
$("#p02 ")。html("密碼位6-12的字母數字組合");
$("#p02 ")。css("顏色","紅色");
回歸?假的;
}
}
$('#btn ')。開('點擊',功能?()?{
var?user = check user();
var?tel = check tel();
var?PSD = check password();
如果(用戶?& amp& amp?電話?& amp& amp?psd){
警報('提交');
}別的?{
警報(“錯誤填充”);
}
});重寫的話可以直接用自己的判斷邏輯替換,但是密碼強度需要自己衡量。比如密碼強度弱,就不會提交對應的。
不然呢?if(reg psda . test(PSD . val()){
$("#p02 ")。html(“低密碼強度”);
$("#p02 ")。css("color "," Indian red ");
回歸?真實;
}此返回改為false。提交表單時,將alert ('submit ')更改為$('#form ')。submit();