Question

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

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

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

Answer 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>

Answer 2

没有通用解决方案，您必须显示您的表单。你可以使用.blur，.show，.hide，.focusout，.mouseout函数手动完成。

Answer 3

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

希望有所帮助

jQuery Validator隐藏错误消息

3 个答案: