jquery 이용 아이디 중복체크 실시간

by 조쉬 posted Apr 12, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
  <script>
  $(document).ready(function(){
$("#commentForm").validate({
rules:{
  name:{required: true,minlength: 4}
},
messages: {
name: {
required: "아이디를 입력하세요",
minlength: jQuery.format("아이디는 {0}자 이상 입력하세요"),
remote: "이미 등록된 아이디입니다"
}
}
});
  });



  </script>
  
</head>
<body>
  

<table width="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td width="100%" valign="top" align="center">
   <table cellpadding="0" cellspacing="0" border="0" width="100%">
<FORM action='../Anymember/member.php?code=join' method=post name=form id="commentForm" onsubmit='return valid_check(this)' ENCTYPE='multipart/form-data'>
<input type=hidden name=magnitude value='A'>
     <tr>
      <td height="23" align="right" style="padding:0 10 0 0;"><font color="#006699">* </font> 표시는 필수 입력사항입니다.</td>
     </tr>
     <tr>
      <td align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#D5D5D5">
<tr height="50">
<td width="100" bgcolor="#F3F3F3" style="padding:0 0 0 10;">아이디<font color="#006699">* </font> </td>
<td bgcolor="#FFFFFF" style="padding:5 0 0 10;line-height:24px;">
<input id="cname" name="name" size="25" class="required" minlength="2" />
<!--<input name="id" type="text" class="input" size="17" maxlength="12">-->&nbsp;
<a href='javascript:OpenWin1(form.id.value)'><img src="../Anymember/images/mem_idcheck.gif" border="0" align="absmiddle"></a>
<br> * 아이디는 추후에 변경이 불가능하니 정확하게 기입해 주세요.
<br><font color="#006699"> * 영/숫자로만 4~12자</font>
</td>
</tr>
</table>
</td>
</tr>
  </table>
  </td>
     </tr>
     <tr><td height="10"></td></tr>
     <tr>
      <td align="center">
 <input name="image22" type=image src="../Anymember/images/mem_join.gif" border="0"></a>&nbsp;&nbsp;
 <a href="../main/main.php"><img src="../Anymember/images/mem_esc.gif" border="0"></a>
 </td>
     </tr>
     <tr>
      <td></td>
     </tr>
    </form>
   </table>
   </td>
 </tr>
</table>