jQuery Validate表单验证深入学习

之前一篇文章介绍了jQuery Validate表单验证入门的基础知识，详细内容参见《jQuery Validate表单验证入门学习》

，

今天这篇文章深入学习jQuery Validate表单验证，以下就是文章的全部内容：

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

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

使用 ajax 方式

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

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

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

如果想提交表单,需要使用 form.submit()，而不要使用 $(form).submit()。

2、debug，只验证不提交表单

如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便。

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

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

rush:js;"> $.validator.setDefaults({ debug: true })

3、ignore：忽略某些元素不验证

ignore: ".ignore"

4、更改错误信息显示的位置

errorPlacement：Callback 指明错误放置的位置，默认情况是：error.appendTo(element.parent());即把错误信息放在验证的元素后面。

rush:js;"> errorPlacement: function(error,element) { error.appendTo(element.parent()); }

实例

rush:js;"> irstname" for="firstname">First Name

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() );
}