본문 바로가기

웹/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' 카테고리의 다른 글