jquery Validation

<script type="text/javascript" src="/resource/js/validation/jquery.validate.min.js"></script>

<tr>

<th scope="row"><label for="id">아이디</label></th>

<td>

<div class="item">

<input type="text" name="id" title="" class="i_text" /> 

</div>

</td>

</tr>

<tr>

<th scope="row"><label for="nm">이름</label></th>

<td>

<div class="item">

<input type="text" id="nm" name="nm" title="" class="i_text" />

</div>

</td>

</tr>

<tr>

<th scope="row"><label for="pw">비밀번호</label></th>

<td>

<div class="item">

<input type="password" id="pw" name="pw" title="" class="i_text" maxlength="15" />

</div>

</td>

</tr>

<tr>

<th scope="row"><label for="pwchk">비밀번호 확인</label></th>

<td>

<div class="item">

<input type="password" id="pwchk" name="pwchk" title="" class="i_text" maxlength="15" />

</div>

</td>

</tr>

$("#managerForm").validate({

rules:{

id:{

required:true 

                                                ,remote:"/remote/getChkUserId.do"

}

,nm:"required"

,pw:{

required:true

,minlength:6

,maxlength:12

}

,pwchk:{

equalTo:"#pw"

}

,email:{

required:true

,email:true

}

}

,messages:{

id:"입력해주세요."

,nm:"입력해주세요."

,pw:{

required:"입력해주세요."

,minlength:"6자 이상"

,maxlength:"12자 이하"

}

,pwchk:{

equalTo:"일치하지 않습니다."

}

,email:"입력해주세요."

}

});

input.error, textarea.error{

  border:1px dashed red;

}

label.error{

  margin-left:10px;

  color:red;

}

input.error, textarea.error{

  border:1px dashed red;

}

label.error{

  padding-left:5px;

  display:inline;

  color:red;

}