HTML
<div class="col-lg-6">
<input class="form-control p-3 border-secondary "
type="password" name="mPassword1" id="password" placeholder="비밀번호" required>
</div>
<div class="col-lg-6">
<input class="form-control p-3 border-secondary"
type="password" name="mPassword2" id="confirmPassword" placeholder="재입력"
onblur="pwCheck()" required>
</div>
jquery
<script type="text/javascript">
var pwResult;
function pwCheck(){
if($('#password').val() == $('#confirmPassword').val()){
pwResult = "suc"
Swal.fire({
icon: 'success',
title: '비밀번호 검사',
text: '비밀번호가 일치합니다.',
})
} else {
Swal.fire({
icon: 'error',
title: '비밀번호 검사',
text: '비밀번호가 일치하지 않습니다.',
})
}
}
</script>
'웹 > JSP' 카테고리의 다른 글
[JSP] <커스텀 태그> 기초 (0) | 2024.01.17 |
---|---|
[JSP] <plugin> starability (0) | 2024.01.17 |
[JSP] <ajax> 비동기 아이디 중복 검사 (0) | 2024.01.16 |
[JSP] <JSP> 세션 값 저장 (0) | 2024.01.16 |
[JSP] <JavaScript> 비동기 기초 (0) | 2024.01.15 |