관리 메뉴

IT 쟁이

ASP.NET 회원가입 폐이지 작성하기2 - 아이디 확인하기 본문

ASP.NET Ex

ASP.NET 회원가입 폐이지 작성하기2 - 아이디 확인하기

꾸준한 사람이 되자 클라인STR 2008.01.14 02:34

회원가입 작성창에서 아이디 확인 하는 부분을 작성해 보자.
일단 회원가입 폼에서 아이디중복 체크 확인을 눌렀을경우 아이디를 확인하는 팝업창을 뛰어보도록 하자.

사용자 삽입 이미지

아이디를 입력하고 아이디 중복체크 버튼을 눌르면 다음과 같은 팝업창이 나타난다.
사용자 삽입 이미지
회원 아이디를 입력받는 컨트롤은  <input id="input_id" type="text" name="sid"> 와 같다.
텍스트필드에 콘트롤 아이디인 input_id와 name인 sid를 기억해두자.


<IMG alt="" src="image/btn_m_id.gif" id="id_check" onclick="IdCheck()">
아이디 중복체크 는 HTML이미지컨트롤 이다.  src에 알맞은 이미지 경로를 지정하였다. 선택했을경우 onclcik 함수가 호출되게끔 작성을 하였는데. 회원의 아이디란에 입력을 안했을 경우에도 현재는 팝업창이 나타나도록 하였다.(추후에 입력안했을경우 팝업창이 안뜨게 해보는것도 좋을거같다.)
onclick에 연결되어 있는 함수를 살펴보자.

   function IdCheck()
  {
   var value=document.getElementById('input_id').value;
   
   var Winobject=window.open("Idconfirm.aspx","","width=370,height=220,status=0,   menubar=0");  
  }

var value=document.getElementById('input_id').value;
document.getElementById()메서드를 이용해 현재 창에 입력된 아이디 값을 변수에 저장한다.
이때 getElementById()매개변수로는 컨트롤의 아이디를 적어준다.
var Winobject=window.open("Idconfirm.aspx","","width=370,height=220,status=0,   menubar=0");  
window.open()함수를 이용하여 새로 창을 연다. open()함수의 매개변수의 설명은 생략하겠다.

여기까지는 팝업창을 생성하는 작업을 하였다.실제로 값을 넘겨주지는 않았다.
여기서는 2가지 방법이 있는데. 쿼리스트링을 통해서 전달하거나 openr를 사용하여 아이디값을 접근할 수 가 있는데, opener를 사용해보기로 하자.
idconfirm.aspx에서 입력한 아이디를 전달받은 컨트롤은
<input id="sid" style="IME-MODE: disabled" type="text" maxLength="12" size="25" runat="server"> 이다.
폐이지가 로드될때 텍스트필드에 부모창에서 입력한 아이디값을 전달해야 된다.

 private void Page_Load(object sender, System.EventArgs e)
  {
       
 Page.RegisterClientScriptBlock("Mystric","<script> init(); </script>");
 
  }

Page.RegisterClientScriptBlock()함수는 코드비하인드에서 자바스크립틀 호출할수 있다.
RegisterStartupScript 메서드는 페이지가 로드될 때 JavaScript 함수를 시작하려는 경우에 가장 잘 사용된다.


RegisterStartupScript 메서드를 작업할 때 인자로는, 첫 번째는 스크립트의 키이고 두 번째는 스크립트 자체(string으로 표시됨)인 두 개의 매개 변수를 요청합니다. 이때 두번째 인자는 스트링형식으로 자바스크립트 구문으로 다양하게 사용될수있다.
페이지의 모든 JavaScript는 각각 고유 키가 지정되어 있어야 한다.. 키 이름이 동일한 JavaScript가 두 개 이상 존재할 경우에는 첫 번째 JavaScript만 페이지에 배치된다.

ID확인 창에서 사용자가 조회버튼을 검색하면 DB에서 해당아이디가 존재하는지를 검색하게된다.

코드를 살펴보기 존제 회원데이터 베이스를 먼저 보자
SQL Server 2000으로 작업하였다.
아래와 같이 DB를 생성하고 회원 테이블을 만든다.

사용자 삽입 이미지




오늘은 여기까지...

0 Comments
댓글쓰기 폼