Как сделать вывод popup при ошибке в заполнении формы?

Question

[Дмитрий Гормаш]

Добрый день. Как можно сделать вывод popup окна пользователю с каким-нибудь предупреждением о том, что пользователь не ввел данные, например в input = "ФИО" ?
Вот, пример для наглядности:

Answer 1

[Stalker_RED]

HTML5 имеет механизм проверки данных. www.the-art-of-web.com/html/html5-form-validation

Если нужны какие-то особенные проверки выходящие за рамки перечисленных, то можно повесить свой обработчик

$('#myForm').on('submit', function(){
  // здесь проверяем что хотим, показываем ошибки или return true.
})

Comments

[Дмитрий Гормаш]

С механизмом проверки в html5 я знаком, но вот как мне дальше вывести модальное окно с сообщением о незаполненном инпуте?

[Виталий Инчин ☢]

Клево, не знал

[Stalker_RED]

Дмитрий Гормаш: например так jsfiddle.net/zfnwr0ew
или взять какой-нибудь jQuery плагин для рисования попапов.

[Дмитрий Гормаш]

Stalker_RED: Спасибо!