更改jQuery验证插件错误消息的位置? [英] Change location of jQuery validation plugin error message?
本文介绍了更改jQuery验证插件错误消息的位置?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用jQuery验证插件,当我在文本框中添加所需的类时,它将验证字段.但是,错误消息显示在文本框之后,我想知道是否可以在标签到相关文本框后显示该错误消息吗?
I am using the jQuery validation plugin and when I add the class required to the textboxes it validates the fields. However, the error message is shown after the text box and I wonder if I can show it after the label to related textbox instead?
我在iframe中有一个页面,当显示两个或更多错误消息时,表单变得太大而无法容纳在iframe中.
I have a page in an iframe and when two or more error messages are shown the form becomes too big to fit in the iframe.
我的标签和文本框:
<asp:Label ID="lblName" runat="server" Text="Your Name" />
<asp:TextBox ID="txtName" CssClass="required" runat="server"/>
<br />
<asp:Label ID="lblEmail" runat="server" Text="Your Email"/>
<asp:TextBox ID="txtEmail" CssClass="required email" runat="server"/>
<br />
<asp:Label ID="lblNumber" runat="server" Text="Your Number"/>
<asp:TextBox ID="txtNumber" CssClass="required" runat="server"/>
<br />
<asp:Label ID="lblSubject" runat="server" Text="Subject"/>
<asp:TextBox ID="txtSubject" CssClass="required" runat="server"/>
<br />
<asp:Label ID="lblDetails" runat="server" Text="Details"/>
<asp:TextBox ID="txtDetails" CssClass="required" TextMode="MultiLine" runat="server"/>
<br />
<asp:Button ID="btnSubmit" CssClass="SubmitButton" runat="server" Text="" onclick="btnSubmit_Click" />
<asp:Label ID="lblResponse" CssClass="Response" runat="server" Text=""></asp:Label>
谢谢.
推荐答案
使用errorPlacement.示例:
Use errorPlacement. Example:
$("#field-GeoLatlon").validate({
rules: {
"parameters[postcode]": {
isPostcode: true
},
"parameters[houseno]": {
startsWithNumber: true
}
},
errorPlacement: errorPlacement
});
function errorPlacement(error, element)
{
var errorDD = $('<dd class="error"></dd>').insertAfter(element.parent('dd').next('dd'));
error.appendTo(errorDD);
}
这篇关于更改jQuery验证插件错误消息的位置?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文