在具体的使用时,只有当前的表单元素中的值与name为filed的表单元素的值相等时,返回true 不会报错,否则会报错,并显示错误提示信息,常见的应用是在注册界面验证两次输入密码是否一致,比如:
<p> <label for="password">密 码</label> <input type="password"/> </p> <p></p> <p> <label for="confirm-password">再输入</label> <input type="password"/> </p>
对于这个表单,有如下验证规则:
rules:{ username:{ required:true, minlength:3 }, password:{ required:true, minlength:6 }, "confirm-password":{ required:true, equalTo:"#password" } },
只有当name=confirm-password的表单元素,与name=password的表单元素值相等时,才不会报错,否则会显示错误提示信息。
(2)email校验元素,用于验证邮箱的格式
如果我们在上例中的表单验证信息中加入email:true那么会自动验证所输出的是否匹配邮箱格式,若不匹配则返回false并显示错误提示信息;
4.validate的其他方法
(1)用其他方法代替默认的submit方法
submitHandler:function(form){ form.submit(); } submitHandler:function(form){ form.ajaxsubmit(); }
并且可以改变validate()对象的默认submit方法:
$.validate.setDefaults({ submitHander:function(form){ form.submit(); } })
(2)debug:只验证不提交表单
如果debug:true,则表单只验证不会提交,
同样也可以改变validate()对象的默认submit方法
$.validate.setDefaults({ debug:true; })
(3)更改错误信息的显示位置
errorPlacement:function(error,element){ //第一个参数为错误提示信息,第二个参数为HTML中的元素 error.appendTo(element.parent()) //这里也可以直接写成类名的形式或者id名的形式 //error.appendTo(".class")或者error.appendTo("#id"); }
errorClass
String
指定错误提示的 css 类名,可以自定义错误提示的样式。
"error"
errorElement
String
用什么标签标记错误,默认是 label,可以改成 em。
"label"
errorContainer
Selector
显示或者隐藏验证信息,可以自动实现有错误信息出现时把容器属性变为显示,无错误时隐藏,用处不大。
errorContainer: "#messageBox1, #messageBox2"
errorLabelContainer
Selector
把错误信息统一放在一个容器里面。
wrapper
String
用什么标签再把上边的 errorELement 包起来。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》