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

Question

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

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

Кнопку Submit моей формы контролируется с помощью обработчика событий JQuery :

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

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

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

Answer 1

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

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