jQuery Validator Скрыть сообщения об ошибках

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 или masterpage будут такими:

<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

Я боролся с той же проблемой, и это один из способов сделать это: отображение сообщений валидатора

Надеюсь, что поможет

Answer 3

Универсального решения не существует, вы должны показать свою форму. Вы можете сделать это вручную, используя функции .blur, .show, .hide, .focusout, .mouseout.