jQuery Validate验证框架经典大全(3)

Default: 把错误信息放在验证的元素后面
指明错误放置的位置,默认情况是:error.appendTo(element.parent());即把错误信息放在验证的元素后面

errorPlacement: function(error, element) { error.appendTo(element.parent()); } //示例 <tr> <td><label for="firstname">First Name</label></td> <td><input type="text" value="" maxlength="100" /></td> <td></td> </tr> <tr> <td> <input type="radio" value="0" /> <label for="dateformat_eu">14/02/07</label> </td> <td> <input type="radio" value="1" /> <label for="dateformat_am">02/14/07</label> </td> <td></td> </tr> <tr> <td>&nbsp;</td> <td colspan="2"> <div> <input type="checkbox" /> <label for="terms">I have read and accept the Terms of Use.</label> </div> </td> </tr> errorPlacement: function(error, element) { if (element.is(":radio")) error.appendTo(element.parent().next().next()); else if (element.is(":checkbox")) error.appendTo(element.next()); else error.appendTo(element.parent().next()); }

代码的作用是:一般情况下把错误信息显示在<td></td>中,如果是radio显示在<td></td>中,如果是checkbox显示在内容的后面

errorClass:String Default: "error"

指定错误提示的css类名,可以自定义错误提示的样式

errorElement:String Default: "label"

用什么标签标记错误,默认的是label你可以改成em

errorContainer:Selector

显示或者隐藏验证信息,可以自动实现有错误信息出现时把容器属性变为显示,无错误时隐藏,用处不大

errorContainer: "#messageBox1, #messageBox2"

errorLabelContainer:Selector

把错误信息统一放在一个容器里面。

wrapper:String

用什么标签再把上边的errorELement包起来

一般这三个属性同时使用,实现在一个容器内显示所有错误提示的功能,并且没有信息时自动隐藏

errorContainer: "div.error", errorLabelContainer: $("#signupForm div.error"), wrapper: "li"

5、更改错误信息显示的样式

设置错误提示的样式,可以增加图标显示,在该系统中已经建立了一个validation.css专门用于维护校验文件的样式

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

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