jQuery Validate验证框架详解(推荐)(3)

//示例 <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专门用于维护校验文件的样式