簡(jiǎn)要記錄創(chuàng)建用戶時(shí)對(duì)密碼的檢驗(yàn)
-顯示（實(shí)時(shí)提示密碼信息）
<body>
<div class="modal-body password-group">
<label class="col-sm-2 control-label">密碼:</label> <input
style="display: inline-block; width: 400px; height: 25px"
type="password" class="form-control" id="psw"
onblur="checkPassword()" placeholder="請(qǐng)輸入密碼" name="password">
</div>
<font size="2" face="arial" color="grey">
         
<span id="pswErrorMsg">6~32個(gè)字符蛙卤，至少包含大煮甥、小寫(xiě)字母鬓照、數(shù)字和特殊字符中的兩種 <br />
         
特殊字符有效范圍：.-_:,!@#%&*()
</span>
</font>
<div class="modal-body">
<label class="col-sm-2 control-label">確認(rèn)密碼:</label>
<input
style="display: inline-block; width: 400px; height: 25px"
type="password" class="form-control" id="pswConfirm"
onblur="checkPasswordAgain()" placeholder="請(qǐng)?jiān)俅屋斎朊艽a"
name="passwordConfirm">
</div>
<font size="2" face="arial">         
<span id="pswConfirmMsg"></span>
</font>
</body>
-檢驗(yàn)第一次輸入的密碼的合法性
function checkPassword() {
var name = $("#psw").val();
var RegExp1 = /(?!^(\d+|[a-z]+|[A-Z]+|[-_.:,!@#%&*?]+)$)^[\w-.:,!@#%&*?]*/;
var RegExp2 = /[A-Za-z0-9.\-_:,!@#%&*()]*/;
var RegExp3 = /[A-Za-z0-9.\-_:,!@#%&*()]{6,32}/;
if (name == "") {
errmsg("pswErrorMsg","密碼不能為空乞榨！");
return false;
}
if (RegExp2.exec(name) != name) {
errmsg("pswErrorMsg","僅支持?jǐn)?shù)字秽之、大寫(xiě)字母、小寫(xiě)字母和指定特殊字符吃既！");
return false;
}
if (!RegExp1.test(name)) {
errmsg("pswErrorMsg","數(shù)字考榨、大寫(xiě)字母、小寫(xiě)字母和指定特殊字符至少包含2種鹦倚！");
return false;
}
if (RegExp3.exec(name) != name) {
errmsg("pswErrorMsg","長(zhǎng)度應(yīng)為6~32個(gè)字符河质！");
return false;
}else{
okmsg("pswErrorMsg","密碼可用");
return false;
}
$.ajax({
type : "POST",
url : "api/checkPassword",
data : "name=" + name,
success : function(msg) {
if (msg.code == 1) {
$("#pswErrorMsg").removeClass();
$("#pswErrorMsg").addClass("#pswErrorMsg");
$("#pswErrorMsg").html(msg.message);
} else {
$("#pswErrorMsg").removeClass();
$("#pswErrorMsg").addClass("#pswErrorMsg");
$("#pswErrorMsg").html(msg.message);
}
}
});
}
-檢驗(yàn)二次輸入的一致性
function checkPasswordAgain() {
var name = $("#pswConfirm").val();
var password = $("#psw").val();
if (name != password) {
errmsg("pswConfirmMsg","兩次輸入密碼不一致！");
return false;
}else if(name != ""){
okmsg("pswConfirmMsg","兩次輸入密碼一致");
}
$.ajax({
type : "POST",
url : "api/checkPasswordAgain",
data : "name=" + name,
success : function(msg) {
if (msg.code == 1) {
$("#pswConfirmMsg").removeClass();
$("#pswConfirmMsg").addClass("#pswConfirmMsg");
$("#pswConfirmMsg").html(msg.message);
} else {
$("#pswConfirmMsg").removeClass();
$("#pswConfirmMsg").addClass("#pswConfirmMsg");
$("#pswConfirmMsg").html(msg.message);
}
}
});
}
展示
前端展示.png
顯示錯(cuò)誤信息.png
密碼合法.png
二次檢驗(yàn).png
合法.png
