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

jQuery验证框架 /blog/556633 Html代码 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 / /form 此文谨以以上js片段开始介绍jQuery Validation。 验证从这个方法开始：validate( [options] ) （一）、可选项( options ) [1]? debug????? 类型：Boolean??? 默认：false ????? 说明：开启调试模式。如果为true，表单不会提交，而且会在控制台显示一些错误消息（需要Firebug或者Firebug lite）。当要阻止表单默认提交事件，尝试去开启它。 $(.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(); ?? ???} ?? })?? [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; ?? ????????$(div.error?span).html(message); ?? ????????$(div.error).show(); ?? ??????}?else?{ ?? ????????$(div.error).hide(); ?? ??????} ?? ????} ?? ?})?? [4]? ignore????? 类型：Seletor ????? 说明：当进行表单验证时，过滤掉选择器所选择的表单。用了jQuery not方法（ not() ）。类型为submit和reset的表单总是被忽略的。 $(#myform).validate({ ?? ???ignore:?.ignore?? })?? [5]? rules????? 类型：Options??? 默认：rules are read from markup (classes, attributes, metadata) ????? 说明：用户定义的键/值对规则。键为一个表单元素的name属性（或是一组单选/复选按钮）、值为一个简单的字符串或者由规则/参数对（rule/parameter）组成的一个对象。可以和 class/attribute/metadata 规则一起使用。每个规则可以指定一个依存的验证前提条件。 $(.selector).validate({ ?? ???rules