Расширение Jquery validate для отображения / скрытия div или очистки div после запуска validate

Question

Чтобы уточнить, как можно запустить пользовательскую функцию непосредственно перед тем, как плагин проверки jquery запустит свою функцию проверки (что просматривает все поля и показывает сообщение об ошибке)?

Сейчас все мои ошибки выводятся в div. Я хотел бы поймать событие validate и очистить div прямо перед тем, как запускаются мои старые ошибки. Затем id хотел бы показать / скрыть этот div, основываясь на том, есть ли в нем какие-либо метки, которые были автоматически сгенерированы плагином проверки jquery. Я могу сделать все, но выяснить, как расширить событие, запустить то, что мне нужно, а затем вызвать функцию проверки. Спасибо!

Answer 1

Есть 2 свойства, чтобы сделать это напрямую errorContainer и errorLabelContainer, например, вы хотели, чтобы список ошибок в вашем <div> и <div> скрывался / отображался в зависимости от наличия, Вы бы сделали это:

$("#myform").validate({
   errorContainer: "#myDivID",
   errorLabelContainer: "#myDivID ul",
   wrapper: "li",
   //other options/rules...
});

Страница параметров содержит более подробную информацию об этом , но это все, что вам нужно для простого исправления, при условии, что список - это то, что у вас есть, из вопроса, в котором я не был полностью уверен. Если вы хотите сказать «div» внутри вашего div, не волнуйтесь… просто измените "#myDivID ul" на "#myDivID" и "li" на "div" ... или любой другой элемент, который вы хотите.

Вышеуказанное будет скрывать <div id="myDivID">, если ошибок нет, показать, если они есть. Это работает, даже если у вас есть описание / справочное сообщение или что-то в верхней части div, а ошибки - это только часть div, определяемая селектором errorLabelContainer ... он все равно будет скрываться / показываться на основе любого ошибки и оставьте ваше сообщение / помощь нетронутыми.

Answer 2

Существует ряд обработчиков событий, к которым вы можете подключиться. success & invalidHandler кажется наиболее подходящим для ваших требований, но errorPlacement также может быть полезным.

См. http://docs.jquery.com/Plugins/Validation/validate#toptions для получения дополнительной информации.