jQuery 验证隐藏错误消息答案

【问题标题】：jQuery Validator Hide error messagesjQuery 验证隐藏错误消息
【发布时间】：2011-08-08 21:30:43
【问题描述】：

我们如何隐藏错误消息并仅显示 X 符号/图像并在鼠标悬停时显示错误消息？ Validator 中有一个成功的处理程序，但没有失败的处理程序？我们可以使用哪个来编辑生成的标签？

我正在努力实现这一目标：http://screencast.com/t/Bo3QO8SQ（屏幕截图）

成功的复选标记和失败字段的 X。目前无法隐藏消息。

【问题讨论】：

标签： jquery jquery-validate

【解决方案1】：

制作自己的 js 消息文件并添加对它的引用，jquery 验证插件使用它而不是默认消息。

就像我在 messages_fa.js 中所做的一样

jQuery.extend(jQuery.validator.messages, {
    required: "<br/>*",
    remote: "<br/>لطفا اين مورد را تصحيح كنيد",
    email: "<br/>لطفا ايميل را تصحيح كنيد مانند test@yahoo.com",
    url: "<br/>لطفا آدرس را تصحيح كنيد",
    date: "<br/>لطفا تاريخ را تصحيح كنيد",
    dateISO: "<br/>لطفا تاريخ را تصحيح كنيد",
    number: "<br/>لطفا عدد را تصحيح كنيد",
    digits: "<br/>لطفا فقط عدد وارد كنيد",
    equalTo: "<br/>لطفا مقدار را عينا وارد كنيد",
    accept: "<br/>لطفا با پسوند معتبر وارد كنيد",
    maxlength: jQuery.format("<br/>لطفا بيش از {0} حرف/رقم وارد نكنيد"),
    minlength: jQuery.format("<br/>لطفا كمتر از {0} حرف/رقم وارد نكنيد"),
    rangelength: jQuery.format("<br/>لطفا بين {0} و {1} حرف/رقم وارد كنيد"),
    range: jQuery.format("<br/>لطفا مقدار بين {0} و {1} وارد كنيد"),
    max: jQuery.format("<br/>لطفا مقدار بزرگتر از {0} وارد نكنيد"),
    min: jQuery.format("<br/>لطفا مقدار كوچكتر از {0} وارد نكنيد")
});

那么您的 aspx 或母版页将是这样的

<script src="../Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.validate.pack.js" type="text/javascript" charset="ISO-8859-1"></script>
<script src="../Scripts/messages_fa.js" type="text/javascript"></script>

【讨论】：

【解决方案2】：

没有通用的解决方案，您必须出示您的表格。您可以使用 .blur、.show、.hide、.focusout、.mouseout 函数手动执行此操作。

【讨论】：

【解决方案3】：

我遇到了同样的问题，这是解决问题的一种方法： display validator messages

希望有帮助

【讨论】：