jQuery Validate表单验证深入学习

之前一篇文章介绍了jQuery Validate表单验证入门的基础知识，详细内容参见《jQuery Validate表单验证入门学习》，今天这篇文章深入学习jQuery Validate表单验证，以下就是文章的全部内容：

1、用其他方式替代默认的 SUBMIT

$().ready(function() {
 $("#signupForm").validate({
  submitHandler:function(form){
   alert("submitted");
   form.submit();
  }
 });
});

使用 ajax 方式

 $(".selector").validate({
 submitHandler: function(form)
 {
  $(form).ajaxSubmit();
 }
 })

可以设置 validate 的默认值，写法如下：

 $.validator.setDefaults({
 submitHandler: function(form) { alert("submitted!");form.submit(); }
});

如果想提交表单, 需要使用 form.submit()，而不要使用 $(form).submit()。
2、debug，只验证不提交表单
如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便。

$().ready(function() {
 $("#signupForm").validate({
  debug:true
 });
});

如果一个页面中有多个表单都想设置成为 debug，则使用：

$.validator.setDefaults({
 debug: true
})

3、ignore：忽略某些元素不验证
ignore: “.ignore”
4、更改错误信息显示的位置
errorPlacement：Callback
指明错误放置的位置，默认情况是：error.appendTo(element.parent());即把错误信息放在验证的元素后面。

errorPlacement: function(error, element) {
 error.appendTo(element.parent());
}

实例

<tr>
 <td class="label"><label id="lfirstname" for="firstname">First Name</label></td>
 <td class="field"><input id="firstname" name="firstname" type="text" value="" maxlength="100" /></td>
 <td class="status"></td>
</tr>
<tr>
 <td style="padding-right: 5px;">
  <input id="dateformat_eu" name="dateformat" type="radio" value="0" />
  <label id="ldateformat_eu" for="dateformat_eu">14/02/07</label>
 </td>
 <td style="padding-left: 5px;">
  <input id="dateformat_am" name="dateformat" type="radio" value="1" />
  <label id="ldateformat_am" for="dateformat_am">02/14/07</label>
 </td>
 <td></td>
</tr>
<tr>
 <td class="label"> </td>								 
 1/4    1 2 3 4 下一页 尾页