jQuery validate插件功能与用法详解(2)

在具体的使用时,只有当前的表单元素中的值与name为filed的表单元素的值相等时,返回true 不会报错,否则会报错,并显示错误提示信息,常见的应用是在注册界面验证两次输入密码是否一致,比如:

<p> <label for="password">密&nbsp;码</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并显示错误提示信息;

jQuery validate插件功能与用法详解

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选择器用法总结

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwfzpx.html