оповещения, когда проверка html5 терпит неудачу

Question

Так что мне нужно, это просто предупреждение, чтобы появиться, когда моя проверка html5 терпит неудачу, как:

alert("Error, please fill all required fields before submitting."); 

Есть ли какое-то событие, которое я мог бы использовать, чтобы показать это предупреждение с помощью JavaScript или JQuery?

Это кажется действительно базовым, но я ничего не смог найти в Интернете. Все, что я могу найти, - это способы изменить всплывающее сообщение, которое появляется непосредственно на поле.

Мне нужно это, потому что мои формы охватывают многократные вкладки, поэтому пузырь, отображающий сообщение об ошибке, может не всегда отображаться в зависимости от того, где находится пользователь, когда он отправляет форму.

Answer 1

Там в invalid событие обстреляны входы, если они не проходят проверку: https://developer.mozilla.org/en-US/docs/Web/Events/invalid

Использование JQuery вы могли бы сделать что-то вроде этого:

$('input[required]').on('invalid', function(e){ 
    alert("Error, please fill all required fields before submitting."); 
}); 

http://jsfiddle.net/644Lou8k/1/

Answer 2

Вы можете захватить событие отправки формы с помощью javascript и проверить/проверить значения, прежде чем разрешить им пройти.

$('form').submit(function() { 
    if($('#blah').val() == "") { 
    alert('blahblah'); 
    return false; 
    } 
}); 

Answer 3

HTML5, проверка выполняется, когда пользователь отправляет форму и не вызывает никакого события. Единственный способ состоит в том, чтобы ваша собственная проверка JS, как и многие другие, упоминалась в их ответах. Вот хороший ответ HTML5 required validation not working

Процесс валидации формы HTML5 ограничивается ситуациями, когда форма представляется с помощью кнопки отправки. Алгоритм представления формы явно указывает, что проверка не выполняется, когда форма отправляется с помощью метода submit(). По-видимому, идея что, если вы отправите форму через JavaScript, вы должны сделать валидация