jQuery Validate表单验证深入学习_jquery

之前一篇文章介绍了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()); 
}

实例

First Name
  
  


    14/02/07
  
  
    02/14/07
  
  

 
  
    

      I have read and accept the Terms of Use.
    
  


errorPlacement: function(error, element) {
  if ( element.is(":radio") )
    error.appendTo( element.parent().next().next() );
  else if ( element.is(":checkbox") )
    error.appendTo ( element.next() );
  else
    error.appendTo( element.parent().next() );
}

代码的作用是：一般情况下把错误信息显示在