Обязательный атрибут в многошаговой форме - PullRequest
Новая
       6

Обязательный атрибут в многошаговой форме

0 голосов
/ 02 сентября 2018

Я использовал многошаговую форму, и я использую атрибут «required» в некоторых полях ввода. Как таковой 

<input type="text" placeholder="Full name" id="name" name="name" required="Please enter your full name">

Пользователь заполняет одну форму и нажимает на следующую, а после трех последующих запросов он может отправить.

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

1 Ответ

0 голосов
/ 02 сентября 2018

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

Пример кода: 

function checkValue() {
    	var name = document.getElementById("name");
        if(name.value === "") {
          var att = document.createAttribute("required");
          name.setAttributeNode(att);
        }
    }
<form>
  <input type="text" placeholder="Full name" id="name" name="name">
  <button onclick = "checkValue()">Next</button>
</form>

Надеюсь, это поможет!

...