회원가입 유효성 검사 스크립트

댄스댄스 2008. 10. 30. 17:22

<HTML>
<HEAD>
<TITLE> 회원가입 member.htm</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function MemberChk(frm)
{
//this.form 현재 자신의 컨트롤이 있는 Form, 예약어
//frm=document.memfrm값이 담겨있음.
var uid;
uid=frm.uid.value; //uid=docuement.memfrm.uid.value;
if(uid.length<5 || uid.length>12)
{
  alert("아이디 5~12글자 이내로 입력하시오.");
  frm.uid.focus();
  return false;
}
/*
1.비밀번호와 비밀번호 확인이 서로 일치하는 확인
2.이름이 빈값인지 확인하시오
3.주민번호가 숫자인지 확인하시오 isNaN()이용
4.우편번호가 빈값인지 확인하시오
5.주소가 빈값인지 확인하시오
6.이메일에 '@'글자가 있는지 확인하시오
*/

if(upw!=upw2)
{
  alert("비번 다시 확인하시오");
  f.upw.value="";
  f.upw2.value="";
  f.upw.focus();
  return false;
}
var uname,jumin1,jumin2;
uname=f.uname.value;
jumin1=f.jumin1.value;
jumin2=f.jumin2.value;
if(uname=="")
{
  alert("이름 입력하시오!!");
  f.uname.focus();
  return false;
}
//isNaN()숫자값인지 확인하는 내장함수 p300
if(isNaN(jumin1))
{
  alert("주민번호는 숫자로 입력..");
  f.jumin1.focus();
  return false;
}
if(isNaN(jumin2))
{
  alert("주민번호는 숫자로 입력..");
  f.jumin2.focus();
  return false;
}
var email;
email=f.email.value;
if(email.length<2)
{
  alert("이메일 입력하시오!!");
  f.email.focus();
  return false;
}

f.submit();//<input type=submit>동일한 기능

}
function DblMemChk()
{
//새창띄우기 window.open("파일명","새창이름","여러가지옵션들");
window.open("idcheck.htm","iddblwin","width=300,height=250,menubar=no,toolbar=no,scrollbars=no,status=no");
}
function MoveFocus()
{
//jumin1텍스트 길이가 6글자인지 확인
if(document.memfrm.jumin1.value.length==6)
{
  document.memfrm.jumin2.focus();
}
}
//-->
</SCRIPT>
<BODY>
<center>
<TABLE border=0 width=800>
<TR>
  <TD colspan=5 align=center height=80>
   <A HREF="index.htm"><img src="../images/cosmos.jpg" width=800 height=80 border=0></A>
  </TD>
</TR>
<TR align=center>
  <TD height=30 onMouseOver=this.style.backgroundColor='#99FFFF' onMouseOut=this.style.backgroundColor=''><A HREF="login.htm">로그인</A></TD>
  <TD onMouseOver=this.style.backgroundColor='#99FFFF' onMouseOut=this.style.backgroundColor=''><A HREF="divtest.htm">DIV연습</A></TD>
  <TD onMouseOver=this.style.backgroundColor='#99FFFF' onMouseOut=this.style.backgroundColor=''><A HREF="album.htm">포토앨범</A></TD>
  <TD onMouseOver=this.style.backgroundColor='#99FFFF' onMouseOut=this.style.backgroundColor=''><A HREF="cookietest.htm">쿠키연습</A></TD>
  <TD onMouseOver=this.style.backgroundColor='#99FFFF' onMouseOut=this.style.backgroundColor=''><A HREF="shop.htm">쇼핑몰</A></TD>
</TR>
<tr>
  <td height=2 bgcolor=#FF0000></td>
  <td bgcolor=#FF9900></td>
  <td bgcolor=#66FF00></td>
  <td bgcolor=#0033FF></td>
  <td bgcolor=#FF66FF></td>
</tr>
<TR>
  <TD colspan=5 height=400 align=center>
  
  <FORM name=memfrm METHOD=POST ACTION="">
  <TABLE border=1>
  <TR>
   <TD colspan=2 align=center>회 / 원 / 가 / 입</TD>
  </TR>
  <TR>
   <TD>아이디</TD>
   <TD><INPUT TYPE="text" NAME="uid" size=15>
    <INPUT TYPE="button" VALUE="아이디중복확인" onCLICK="DblMemChk()">
   </TD>
  </TR>
  <TR>
   <TD>비밀번호</TD>
   <TD><INPUT TYPE="password" NAME="upw" size=15></TD>
  </TR>
  <TR>
   <TD>비밀번호확인</TD>
   <TD><INPUT TYPE="password" NAME="upw2" size=15></TD>
  </TR>
  <TR>
   <TD>이름</TD>
   <TD><INPUT TYPE="text" NAME="uname" size=15></TD>
  </TR>
  <TR>
   <TD>주민번호</TD>
   <TD><INPUT TYPE="text" NAME="jumin1" size=6 maxlength=6 onKeyUp="MoveFocus()">-
     <INPUT TYPE="text" NAME="jumin2" size=7>
   </TD>
  </TR>
  <TR>
   <TD>우편번호</TD>
   <TD><INPUT TYPE="text" NAME="zipcode" size=7>
     <INPUT TYPE="button" VALUE="우편번호검색" onCLICK="ZipSearch()">
   </TD>
  </TR>
  <TR>
   <TD>주소</TD>
   <TD><INPUT TYPE="text" NAME="addr" size=30></TD>
  </TR>
  <TR>
   <TD>나머지주소</TD>
   <TD><INPUT TYPE="text" NAME="addr2" size=40></TD>
  </TR>
  <TR>
   <TD>핸드폰</TD>
   <TD>
    <SELECT NAME="phone1">
     <OPTION VALUE="010" SELECTED>010
     <OPTION VALUE="011">011
     <OPTION VALUE="016">016
     <OPTION VALUE="017">017
     <OPTION VALUE="019">019
    </SELECT>-
    <INPUT TYPE="text" NAME="phone2" size=4 maxlength=4>-<INPUT TYPE="text" NAME="phone3" size=4 maxlength=4>
   </TD>
  </TR>
  <TR>
   <TD>이메일</TD>
   <TD><INPUT TYPE="text" NAME="email" size=40></TD>
  </TR>
  <TR>
   <TD colspan=2 align=center>
   <INPUT TYPE="button" VALUE="가입" onCLICK="MemberChk(this.form)">
   <INPUT TYPE="reset" value="취소">
   </TD>
  </TR>
  </TABLE>
  </FORM>
  
  </TD>
<TR>
  <TD colspan=5 height=50 align=center bgcolor=#C0C0C0>
   Copyright © prettyimo 2008
  </TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>