비밀번호 일치 불일치 적용 css는 미적용상태

This commit is contained in:
JSYOO 2021-12-01 17:34:42 +09:00
parent a222e11522
commit fd2967d910

View File

@ -55,12 +55,19 @@ $(document).ready(function() {
//새비밀번호,새비밀번호확인이 일치하는지 확인
%>
$("#newPassword,#newPasswordConfirm").on("propertychange change keyup paste", function() {
$("#passwdMatch").css("display","");
if($("#newPassword").val() == $("#newPasswordConfirm").val() && $("#newPassword").length > 0)
if($("#newPassword").val() == $("#newPasswordConfirm").val())
{
$("#passwdMatch").text("일치합니다.");
$("#passwdMatch").css("display","");
$("#passwdNotMatch").css("display","none");
}else{
$("#passwdMatch").text("일치하지 않습니다.");
$("#passwdMatch").css("display","none");
$("#passwdNotMatch").css("display","");
}
if($("#newPassword").val().length <= 0)
{
$("#passwdMatch").css("display","none");
$("#passwdNotMatch").css("display","none");
}
});
<%
@ -762,8 +769,9 @@ function snsUnlink(snsId){
<p><label for="newPassword" style="display:none;">새 비밀번호</label><input class="passwd" type="password" id="newPassword" name="newPassword" placeholder="새 비밀번호" required/></p>
<p><label for="newPasswordConfirm" style="display:none;">새 비밀번호 확인</label><input class="passwd" type="password" id="newPasswordConfirm" name="newPasswordConfirm" placeholder="새 비밀번호 확인" required/></p>
<p>
<span id="passwdMatch" class="suc" >일치합니다.</span>
<span id="passwdMatch-chk" class="chk-suc" ></span>
<span id="passwdMatch" class="suc" style="display:none;">일치합니다.</span>
<span id="passwdNotMatch" class="fail" style="display:none;">일치하지 않습니다.</span>
<span id="passwdMatch-chk" class="chk-suc" style="display:none;" ></span>
</p>
<p class="text">9자리 이상, 숫자/문자/특수문자를 혼합하여 입력</p>
</div>