1. 패스워드가 일치하면 통과하는 로직
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;" charset="utf-8" >
<title> jquery </title>
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script>
$(document).ready(function (){
//lblError 레이어 클리어
$('#txtPassword').keyup(function (){
$('#lblError').text('');//제거
});
//암호 확인 기능 구현
$('#txtPasswordc').keyup(function(){
if($('#txtPassword').val() != $('#txtPasswordc').val()){
$('#lblError').text('');
$('#lblError').html("<b>값이 틀립니다.</b>");
}else{
$('#lblError').text('');
$('#lblError').text("값이 맞습니다.");
}
});
});
</script>
</head>
<body>
<table style="border:1px solid skyblue;">
<tr>
<td>
암호:
</td>
<td>
<input type="password" id="txtPassword" size="20">
</td>
</tr>
<tr>
<td>
암호확인:
</td>
<td>
<input type="password" id="txtPasswordc" size="20">
</td>
</tr>
</table>
<div id="lblError">
암호를 입력하시오.
</div>
</body>
</html>
'강좌 > jQuery' 카테고리의 다른 글
jQuery Attributes(jQuery로 요소의 속성 변경하기) - 2 (0) | 2013.04.22 |
---|---|
jQuery Attributes(jQuery로 요소의 속성 변경하기) - 1 (0) | 2013.04.22 |
제이쿼리(jQuery) - jQuery 선택기(셀렉터, 실렉터, 선택자, Selector) 설명 1 (0) | 2013.04.22 |
제이쿼리(jQuery) - each() 메서드 (0) | 2013.04.22 |
제이쿼리(jQuery) - css() 메서드와 콜백함수(CallBack) (0) | 2013.04.22 |