..열심히 공부하세../JavaScript

회원 로그인 유효성 검사

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

<HTML>
<HEAD>
<TITLE> 로그인 login.htm</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function BlankChk()
{
 var uid,upw; //변수에 각각 아이디,비밀번호가져오기
 uid=document.memfrm.uid.value;
 upw=document.memfrm.upw.value;
 //아이디,비번글자갯수가 5~12글자가 사이인지 체크해서 전송하시오
 if(uid.length<5 || uid.length>12)
 {
  alert("아이디입력하시오!!");
  document.memfrm.uid.focus();
  return false;
 }
 if(upw.length<5 || upw.length>12)
 {
  alert("비번입력하시오!!");
  document.memfrm.upw.focus();
  return false;
 }
/*
 if(uid.length==0) //아이디를 입력하지 않은경우
 {
  alert("아이디입력하시오!!");
  document.memfrm.uid.focus();
  return false;
 }
 if(upw.length==0) //아이디를 입력하지 않은경우
 {
  alert("비번입력하시오!!");
  document.memfrm.upw.focus();
  return false;
 }
*/
 document.memfrm.submit();//<input type=submit>동일기능

}
//-->
</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="loginchk.asp">
    <TABLE border=0>
    <TR>
     <TD colspan=2 align=center height=30 bgcolor=#330000><FONT COLOR="#FFFF00"><B>로 / 그 / 인</B></FONT></TD>
    </TR>
    <TR>
     <TD height=35>아이디</TD>
     <TD><INPUT TYPE="text" NAME="uid" style="border:1px solid #808080"></TD>
    </TR>
    <TR>
     <TD>비밀번호</TD>
     <TD><INPUT TYPE="password" NAME="upw"style="border:1px solid #808080"></TD>
    </TR>
    <TR>
     <TD colspan=2 height=1 bgcolor=#808080></TD>
    </TR>
    <TR>
     <TD colspan=2 align=center>
      <INPUT TYPE="button" value="로그인" onClick="BlankChk()">
      <INPUT TYPE="reset" value="취소">
     </TD>
    </TR>
    <TR>
     <TD colspan=2 height=2 bgcolor=#808080></TD>
    </TR>
    </TABLE>
   </FORM>
   <A HREF="member.htm">회원가입</A> |
   <A HREF="searchid.htm">아이디/비번찾기</A>
  </TD>
 <TR>
  <TD colspan=5 height=50 align=center bgcolor=#C0C0C0>
   Copyright © prettyimo 2008
  </TD>
 </TR>
</TABLE> 
</center>
</BODY>
</HTML>