Требуется заполнить или дать предупреждение о пустом поле для поля формы перед прокруткой или нажатием кнопки «Далее» в многочастной форме?

Question

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

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

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

Это не критично, что они заполнены, просто чтобы предупредить пользователей.

Answer 1

Это немного сбивает с толку относительно того, что именно вы хотите сделать, но я бы использовал javascript для его создания.

1. Добавление слушателя к кнопкам «предыдущая / следующая», вызывающая функцию при их нажатии.
2. В этой функции проверяйте каждый вход на странице, чтобы убедиться, что он пуст.
3. Если они пусты, каким-то образом объясните пользователю, что они пусты (используя всплывающее окно оповещения или какое-то изменение css)
4. Вы можете использовать event.preventDefault(), чтобы запретить пользователю переходить на следующую страницу.

Дайте мне знать, если у вас есть какие-либо вопросы, я объясняю процесс, которому, я полагаю, вы должны следовать.