jquery.validate验证框架.doc

jquery.validate验证框架使用说明 一、使用步骤： 下载并导入js script src=jquery.js type=text/javascript/script script src=jquery.validate.js type=text/javascript/script script src=jquery.metadata.js type=text/javascript/script 2、初始化参数 $.validator.setDefaults( { //验证成功后回调参数对象 submitHandler: function() //回调方法 { document.forms[0].submit(); //验证通过后提交 } } ); $.metadata.setType(attr, validate); //单选框、复选框，用validate设置 //详细见单选复选例子 $(form).validate( //绑定需要验证的form表单 { //自定义参数对象 errorPlacement: function(error, element)//设置错误提示消息位置，可选 { error.appendTo($(element).parents(td)[0]); } } ); 设定错误信息样式 style type=text/css label.error { color:red; display:block } /style 注意，样式名固定为label.error，样式内容可修改。 表单元素绑定验证 绑定方法：class=”XXX”或xxx=”XXX”,例如input name=email class=email/ 二、验证清单 1、自定义消息 自定义消息可以用于所有验证器 名 称 使用方法 例子 单选框验证 msg=自定义消息 部分替换 input name=required class=required msg=XXX / 提示为：请输入XXX 复选框验证 title=自定义消息 全部替换 input name=required class=required title=XXX / 提示为：XXX 2、自带的常用验证 使用方法 例子 是否输入验证 class=required input name=required class=required msg=XXX / 是否选择验证 class=requiredSel input type=file name=required class=required msg=XXX/ email验证 class=email input name=email class=email msg=XXX/ url验证 class=url input name=url class=required url msg=XXX/ 最小长度验证 minlength=数字 input name=minlength minlength=3 msg=XXX/ 最大长度验证 maxlength=数字 textarea name=maxlength maxlength=6 msg=XXX/textarea 最大值验证 max=数字 input name=max max=10 msg=XXX/ 最小值验证 min=数字 input name=min min=20 msg=XXX/ 等于验证 equalTo=#id input name=password id=password msg=XXX/ input name=repassword equalTo=#password msg=XXX/ 3、数字验证 名 称 使用方法 例子 数字 （无精度限制） class=number 范围是-2^31(-2,147,483,648)到2^31-1(2,147,483,647) input name=number class=number msg=XXX maxlength=10/ 整数 class=integer input name=integer class=integer msg=XXX / 正整数 class=integerPlus input name=integerPlus class=integerPlus msg=XXX/ 负整数 class=integerMinus input name=integerMinus class=integerMinus msg=XXX/ 浮点数