아이디 중복검사하기

버튼을 클릭하면 input에 입력한 값을 데이터베이스에서 조회하여 중복여부를 검사하고,

결과값을 ajax를 활용해서 화면에 띄운다.

 

# html구조

<label>User ID</label>
<input type="text" name="id" id="uId" class="uId">
<input type="button" value="중복확인" class="dup"><br>
<div id="dupdiv"></div><br> //중복여부 문구를 띄우는 자리

 

# 제이쿼리구문

$(document).ready(function(){
	$('.dup').click(function () {
		//'중복확인'버튼 클릭 -> idCheck2.jsp로 이동
		$.ajax('idCheck2.jsp',{
			data:{uId:$('#uId').val()}, //페이지 이동시 아이디를 들고 감
			success:function(rdata){ //rdata에는 idCheck2.jsp의 리턴결과가 담겨있다.
				$("#dupdiv").html(rdata);
			}
		});
	});
});

 

# 아이디 중복검사를 수행하는 idCheck2.jsp파일

<%
String uId = request.getParameter("uId");
MemberDAO memberDAO = new MemberDAO();
MemberDTO memberDTO = memberDAO.getMember(uId);

if(memberDTO!=null){//아이디 있음 == uId사용불가
    %>이미 사용중인 아이디입니다.<%
}else{//아이디 없음 == uId 사용가능.
    %>사용가능한 아이디입니다.<br><%
}
%>