jqueryvalidate表单验证框架详解.docVIP

jQuery验证框架 /blog/556633Html代码 script type=text/javascript src=js/jquery-min.js/script script type=text/javascript src=js/jquery.validate.pack.js/script script type=text/javascript $(document).ready(function() { $(#textForm).validate(); }); /script form class=cmxform id=commentForm method=get action= Nameinput id=cname name=name size=25 class=required minlength=2 / input class=submit type=submit value=Submit / /formscript type=text/javascript src=js/jquery-1.3.2.min.js/script script type=text/javascript src=js/jquery.validate.pack.js/script script type=text/javascript $(document).ready(function(){ $(#textForm).validate(); }); /script form class=cmxform id=commentForm method=get action= Nameinput id=cname name=name size=25 class=required minlength=2 / input class=submit type=submit value=Submit/ /form 此文谨以以上js片段开始介绍jQuery Validation。 验证从这个方法开始：validate( [options] ) （一、可选项( options ) [1]? debug????? 类型：Boolean??? 默认：false ????? 说明：开启调试模式。如果为true，表单不会提交，而且会在控制台显示一些错误消息（需要Firebug或者Firebug lite）。当要阻止表单默认提交事件，尝试去开启它。 $(.selector).validate({ ?? ???debug:?true?? })?? $(.selector).validate({ debug: true }) [2]? submitHandler????? 类型：Callback??? 默认：default (native) form submit ????? 说明：当表单通过验证，提交表单。回调函数有个默认参数form $(.selector).validate({ ?? ???submitHandler:?function(form)?{ ?? ???????//?do?other?stuff?for?a?valid?form ?? ????form.submit(); ?? ???} ?? })?? $(.selector).validate({ submitHandler: function(form) { // do other stuff for a valid form form.submit(); } }) [3]? invalidHandler????? 类型：Callback ????? 说明：当未通过验证的表单提交时，可以在该回调函数中处理一些事情。该回调函数有两个参数：第一个为一个事件对象，第二个为验证器（validator） $(.selector).validate({ ?? ????invalidHandler:?function(form,?validator)?{ ?? ??????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; ?? ?????