Обработчик события кнопки отправки jQuery предотвращает проверку формы для обязательных полей ввода

0

У меня есть HTML-форма с полями ввода, которые необходимы, например:

<input type="number" required="required" />

Кнопка отправки моей формы контролируется обработчиком событий jQuery:

$('#submitButton').on('click', function(event){
  return false;
});

Тот факт, что обработчик кнопки отправки возвращает false, приводит к тому, что веб-браузер автоматически не проверяет требуемые поля. Если я удалю "return false", значит, есть чек (см. Снимок экрана), но затем страница перезагружается (чего я не хочу).

Есть ли способ использовать коррекцию ошибок браузера без обновления страницы после действия отправки формы?

Изображение 174551

Теги:
validation
forms
submit-button

1 ответ

1

Я думаю, вы хотите попробовать что-то вроде:

$('#submitButton').on('click', function(event){
    return $("<some selector for the input>")[0].checkValidity();
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню