<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">-->
<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>
<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>
jQuery Quick API