當前位置:成語大全網 - 書法字典 - JS寫的是在點擊提交按鈕前驗證所有輸入項合法,否則點擊提交按鈕會彈出(‘填錯’)。

JS寫的是在點擊提交按鈕前驗證所有輸入項合法,否則點擊提交按鈕會彈出(‘填錯’)。

$(" #用戶")。focus(function(){

$('#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();