У меня есть форма, которую пользователь заполняет, затем он нажимает кнопку «Просмотр полей».Эта кнопка проверяет поля с помощью jQuery Validation (https://jqueryvalidation.org/documentation/) и открывает модал начальной загрузки с полями для проверки на нем.
После того, как пользователь просматривает свои поля в модале, появляется еще один "Кнопка «Отправить форму» внизу модального окна.
Итак, моя кнопка «поля обзора» имеет тип = «отправить» для запуска проверки, но я «возвращаю false;» кнопку. Модальное всплывающее окно »Кнопка "отправить форму" также имеет type = "submit" для той же формы, но мне нужно включить "return true;" для формы снова.
Вот что у меня есть:
// call to validate form
$( '#formEntry' ).validate();
// when modal is hidden, don't allow form submission
$( '#confirm-submit' ).on('hidden.bs.modal', function () {
$( '#formEntry' ).submit(function() {
return false;
});
});
// when form is valid and submitted, open modal
$( '#submitBtn' ).click( function() {
if ( $( '#formEntry' ).valid() ) {
$( '#confirm-submit' ).modal();
}
});
, который работает, но модал «обзор» открывается, затем отправляется в течение полсекунды, не позволяя пользователю фактически просмотреть поля, а затем нажать кнопку «отправить», когда все будет готово.
#formEntry
мойидентификатор формы
#confirm-submit
- мой модальный идентификатор
#submitBtn
- мой идентификатор кнопки "поля обзора"