Многоэтапная форма Javascript с проверкой

Question

Я пытаюсь создать многошаговую форму, используя javascript и div.Я знаю, как создать форму таким образом, но проблема в том, что я хочу, чтобы поля на каждом шаге проверялись перед переходом к следующему.Пример. Если пользователь не заполнил обязательное поле или у него возникла ошибка в поле, поле будет выделено красным цветом и не будет перенесено на следующий шаг, пока оно не будет исправлено.Я знаю, как сделать проверку, но не могу остановить страницу.Любая помощь будет оценена.

Спасибо!

Answer 1

Чтобы остановить отправку формы, вам нужно добавить

<form id="form" onsubmit="validate(); return false;">

Validate - это ваша функция для проверкиg, тогда вы можете вызвать что-то вроде этого

document.getElementById('form').submit()

, если форма действительна;)