Как реализовать кнопку с type=submit без перезагрузки страницы?

Question

[tereshock98]

Как сделать, чтобы кнопка отправки формы не перезагружала страницу?

Мне нужно, чтобы срабатывала валидация:



type=button не имеет такого эффекта. Как это сделать?

Answer 1

[Andrey Suha]

Повесить event.preventDefault на submit. Обратите внимание что событие происходит у формы, а не у кнопки

Answer 2

[Макс Кузнецов]

Пример с картинки делается стандартной браузерной валидацией. Просто укажите у инпута аттрибут required.

Но если хочется свою кастомную валидацию, которая будет работать во всех браузерах, тогда в коллбэке, обрабатывающем submit событие, нужно добавить event.preventDefault() и для верности в конце коллбэка вернуть return false.

https://developer.mozilla.org/ru/docs/Web/API/Even...