jsp:
<div class="mui-input-row">
<label>密碼</label><!-- id='password' -->
<input type="password" class="mui-input-clear mui-input" placeholder="請輸入密碼" name="password" onblur="return checkInput1();"style="
margin-top: 4px;
">
</div>
<span id="password_msg"style="color: #E41317;font-size: 12px"></span>
<div class="mui-input-row">
<label>確認</label>
<input type="password" class="mui-input-clear mui-input" placeholder="請確認密碼" name = "checkpwd" onblur="return checkInput2();"style="
margin-top: 4px;
">
</div>
js:
function checkInput2(){
var pwdCheck = /^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{8,20}$/;
if ($("input[name=checkpwd]").val().length < 1) {
/* alert("請輸入確認密碼!"); */
document.getElementById("checkpwd_msg").innerText = "*確認密碼不能為空";
return false;
}else if ($("input[name=checkpwd]").val().length < 8 ){
document.getElementById("checkpwd_msg").innerText = "*請輸入8位以上的密碼";
return false;
}else if(!pwdCheck.test($("input[name=checkpwd]").val())){
document.getElementById("checkpwd_msg").innerText = "*不能為純數字或純字母";
return false;
}else{
document.getElementById("checkpwd_msg").innerText = "";
}
if ($("input[name=checkpwd]").val() != $("input[name=password]").val()) {
/* alert("兩次輸入密碼不一致!"); */
document.getElementById("checkpwd_msg").innerText = "*兩次密碼不一致";
return false;
}else{
document.getElementById("checkpwd_msg").innerText = "";
}
}