jquery.validate表单验证框架详解.doc

《jquery.validate表单验证框架详解.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、jQuery验证框架http://koalaxyq.javaeye.com/blog/556633Html代码$(document).ready(function(){$("#textForm").validate();});

2、ipt>Name

3、pt"src=js/jquery.validate.pack.js>$(document).ready(function(){$("#textForm").validate();});Name

4、="submit"type="submit"value="Submit"/>此文谨以以上js片段开始介绍jQueryValidation。验证从这个方法开始：validate([options])（一）、可选项(options)[1] debug     类型：Boolean   默认：false     说明：开启调试模式。如果为true，表单不会提交，而且会在控制台显示一些错误消息（需要Firebug或者Firebuglite）。当要阻止表单默认提交事件，尝试去开启它。$(".selector").validate({     debu

5、g: true  })  $(".selector").validate({debug:true})[2] submitHandler     类型：Callback   默认：default(native)formsubmit     说明：当表单通过验证，提交表单。回调函数有个默认参数form$(".selector").validate({     submitHandler: function(form) {         // do other stuff for a valid form      form.submit();     } 

6、 })  $(".selector").validate({submitHandler:function(form){//dootherstuffforavalidformform.submit();}})[3] invalidHandler     类型：Callback     说明：当未通过验证的表单提交时，可以在该回调函数中处理一些事情。该回调函数有两个参数：第一个为一个事件对象，第二个为验证器（validator）$(".selector").validate({      invalidHandler: function(form, vali

7、dator) {        var errors = validator.numberOfInvalids();        if (errors) {          var message = errors == 1            ? 'You missed 1 field. It has been highlighted'            : 'You missed ' + errors + ' fields. They have been highlighted';          $("div.error span").

8、html(message);          $("div.error").s