Как сделать валидацию формы?

Question

[monkxw]

Помогите найти ошибку в валидации формы.
Есть несколько инпутов, и кнопка сабмит. Если поля пустые , должен отобразится алерт.
Прилагаю свой код (я там сделал пока только для первого инпута и так как ничего не получается пока застрял)
https://jsfiddle.net/4nwtpx4c/
Спасибо

Answer 1

[Алексей]

Перекинул все тоже самое на codepen - codepen.io/anon/pen/VaNMgB
Все работает.

Comments

[monkxw]

проверил, у меня только насчет имейла уведомляет (но то и без js работает). у вас алерты выскакивают?

[JohnDaniels]

monkxw: мешаются атрибуты required, они срабатывают раньше чем onsubmit

[monkxw]

JohnDaniels: а как тогда изменить что бы работало? делал все по одному уроку, так как знания на начальном уровне

[JohnDaniels]

как вариант повесить функцию не на форму, а на кнопку отправки

[monkxw]

JohnDaniels: переопределил в html на кнопку отправки, ничего не изменилось

[Алексей]

Ну да, разумеется, там где required вылезает системное сообщение.
Я заполнял email и пароль и тестировал.
На jsfiddle у меня форма сабмитилась, а на codepen - вылезало уже js alert.

[JohnDaniels]

Алексей: на jsfiddle там ошибка в консоли вылазит, думаю это их косяк

[JohnDaniels]

monkxw: событие на кнопке - onclick?

[monkxw]

JohnDaniels: onsubmit

Answer 2

[_ _]

Добавьте форме аттрибут novalidate, чтобы отключить html5 валидацию