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

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

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

Пользователь заполняет одну форму, нажимает кнопку «Далее» и после трех очередей может отправить.

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

Пожалуйста, покажите, что вы делали до сих пор, свой код.

— 02.09.2018 09:50

@GermaVinsmoke это довольно большая форма. Я могу показать вам одно из полей ввода.

— 02.09.2018 10:07

html forms submit

02.09.2018 09:44

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

868

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

Пример кода:

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>

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

02.09.2018 12:09

Другие вопросы по теме

Остановка перенаправления формы с помощью ошибки AJAX

Есть ли способ сохранить видимую форму с фиксированным значением?

Функция print_r () показывает значения, но я не могу получить к ним доступ для условных выражений

Symfony - привяжите одну основную сущность ко второй через форму

Предотвратить смещение значений флажков после перезагрузки страницы при отправке формы

Количество вариантов выбора элемента в собственном мобильном браузере

NgModel не установлен в динамическом вводе в ngFor с опцией добавления и удаления

Форма PHP POST после вызова AJAX

Загрузка изображения в форме

Форма входа на JavaScript document.getElementById не определяет значение

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

Ответы 1

Другие вопросы по теме

Похожие вопросы