Без проверки не показывать следующий набор полей

Question

Я создаю многошаговую форму, используя этот пример - codepen.io/orozcokapo/pen/LmgjYg

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

Я не могу закодировать его в JQuery. Не могли бы вы подсказать мне, как это сделать?

Answer 1

Сначала укажите, какие входные данные требуются, присвоив им атрибут required. Затем, нажав кнопку «Далее», переместите current_fs = $(this).parent(); наверх и добавьте этот код

var inputs = current_fs.find("input[required]");
if(inputs.is((i,el) => $(el).val() == ""))
{
    alert("Please fill out all required fields");
    return false;
}

https://codepen.io/anon/pen/zaeNMP