본문 바로가기

웹/JSP

[JSP] <jquery> 비밀번호 입력 확인

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