Проверка jQuery остается действительной после обратной передачи ajax

Question

Проверка jQuery остается действительной после обратной передачи ajax

0

У меня есть форма, в которой валидатор работает в первый раз, но не во второй раз. Код проверяется на стороне клиента без каких-либо проблем, но как только форма отправляется и форма частично отображается, хотя поля недействительны, $ ('form'). Valid() продолжает возвращать true всегда.

Данные проверяются на стороне сервера, но затем ошибка отображается дважды. Мои правила задаются сгенерированным кодом MVC4, поэтому правила корректно инициируются.

Не уверен, возможно ли повторная проверка формы. Обратите внимание, что $ ('form'). Validate() не работает. Он возвращает validator и valid() возвращает true все время.

Здесь варианты. Функция displayErrors находит элемент html, который показывает ошибки.

/* Set additional settings for the validator */
        var options = {
            onfocusout: false,
            onkeyup: false,
            onclick: false,
            showErrors: function (errorMap, errorList) {
                displayErrors(errorList, false);
            }
        };

Помощь приветствуется.

user1791567 11 нояб. 2013, в 19:12

Источник

0

Во-первых, покажите достаточно кода ... во-вторых, пожалуйста, не используйте ненужные теги. jquery-validation-engine - совершенно другой плагин.
Sparky 11 нояб. 2013, в 17:55
0

$('form').validate() является методом инициализации и может быть вызван только один раз. Последующие звонки игнорируются. Ваш фреймворк, вероятно, автоматически вызывает .validate() при загрузке страницы. Да, вы можете проверять форму более одного раза ... это то, что может сделать метод .valid() ... однако, слишком много кода отсутствует в вашем OP, чтобы сказать, где вы идете не так.
Sparky 11 нояб. 2013, в 17:59
0

Я знаю, что ваш код автоматически генерируется вашей средой, поэтому откройте браузер, посмотрите на источник и извлеките соответствующие биты ... jQuery, HTML-разметку для формы и т. Д.
Sparky 11 нояб. 2013, в 18:01
0

Спасибо @Sparky за разъяснения. Я мог бы вставить весь код для вас, но один частичный рендер сделан Chrome не показывает, кроме пустого файла и номера строк. Я понимаю, что jquery.validate может быть инициализирован только один раз, поэтому в $ (). Мы расширяем настройки валидатора. Затем приходит форма Begin: <div id = "formHolder"> using (Html.BeginForm (null, null, FormMethod.Post, new {id = "myForm"})) {<div> Html.TextBoxFor (... ) </ div>} </ div> Итак, $ .ajax ({...., success: function (r) {$ ('# formHolder'). html (r);}}); Заменяет новый html в элементе #formholder.
user1791567 11 нояб. 2013, в 18:34
0

Это невозможно. Каждый браузер будет отображать HTML-код для всей страницы.
Sparky 11 нояб. 2013, в 18:46
0

Это не показывает после обратной связи для меня. Я понял это. Спасибо
user1791567 11 нояб. 2013, в 21:07
0

В посте ajax нет ничего, что могло бы привести к изменению чего-либо в DOM загруженной страницы ... т. Е. Проверка должна продолжать нормально функционировать. Как и в этом jsFiddle, вы можете проверять, отправлять и повторно проверять неограниченное количество раз. jsfiddle.net/jun25
Sparky 11 нояб. 2013, в 21:11

Показать ещё 5 комментариев

Теги:

jquery

unobtrusive-validation

asp.net-mvc-4

jquery-validate

1 ответ

Ещё вопросы

Во-первых, покажите достаточно кода ... во-вторых, пожалуйста, не используйте ненужные теги. jquery-validation-engine - совершенно другой плагин.
$('form').validate() является методом инициализации и может быть вызван только один раз. Последующие звонки игнорируются. Ваш фреймворк, вероятно, автоматически вызывает .validate() при загрузке страницы. Да, вы можете проверять форму более одного раза ... это то, что может сделать метод .valid() ... однако, слишком много кода отсутствует в вашем OP, чтобы сказать, где вы идете не так.
Я знаю, что ваш код автоматически генерируется вашей средой, поэтому откройте браузер, посмотрите на источник и извлеките соответствующие биты ... jQuery, HTML-разметку для формы и т. Д.
Спасибо @Sparky за разъяснения. Я мог бы вставить весь код для вас, но один частичный рендер сделан Chrome не показывает, кроме пустого файла и номера строк. Я понимаю, что jquery.validate может быть инициализирован только один раз, поэтому в $ (). Мы расширяем настройки валидатора. Затем приходит форма Begin: <div id = "formHolder"> using (Html.BeginForm (null, null, FormMethod.Post, new {id = "myForm"})) {<div> Html.TextBoxFor (... ) </ div>} </ div> Итак, $ .ajax ({...., success: function (r) {$ ('# formHolder'). html (r);}}); Заменяет новый html в элементе #formholder.
Это невозможно. Каждый браузер будет отображать HTML-код для всей страницы.
Это не показывает после обратной связи для меня. Я понял это. Спасибо
В посте ajax нет ничего, что могло бы привести к изменению чего-либо в DOM загруженной страницы ... т. Е. Проверка должна продолжать нормально функционировать. Как и в этом jsFiddle, вы можете проверять, отправлять и повторно проверять неограниченное количество раз. jsfiddle.net/jun25

user1791567 · Answer 1 · 2013-11-15T15-05-00.000Z

Я решил это, сделав что-то вроде этого

$vlt = $('#myForm').validate(); //-- get validator
$vlt.checkForm(); 

if ( $('#myForm').valid()){
//-- code
}

Кажется, что это делается так, что валидатор смог выбрать новые изменения. Не уверен, что я упоминаю, что форма была повторно отображена и заменена на $ ('# okok'). Html (newStuff);

Во всяком случае, я мог бы прийти к выводу, я не буду рекомендовать этот плагин другу :))