felony13twelve
@felony13twelve

Как мне сделать проверку на валидацию?

Модераторы, подправьте меня пж

Всем шалом! Хочу сделать валидацию полей, у меня есть форма которая работает по шагам, как мне сделать если поле пустое то на следующий шаг не показывать?

Нужно чтобы все валидировало кроме input с фамилией

Вот код jquery
$(document).ready(function () {
   var steps = $('form').children('.tab');
   $(steps[0]).show();
   var current_step = 0;
   $('form button.next').click(function () {
      if (current_step >= steps.length - 2) {
         $(this).hide();
         $("form button.signup").show();
      }
      current_step++;
      $(steps).hide();
      $(steps[current_step]).show();
   });
});


Код HTML
<form id="regForm" action="" method="post">
   <div class="tab">
      <h4>Ваш номер телефона</h4>
      <p>Пожалуйста, подтвердите код страны и введите номер телефона.</p>
      <div class="error">
         <span>Неверный номер телефона</span>
      </div>
      <p><input type="text" name="phone" id="phone" placeholder="+380"></p>
   </div>

   <div class="tab">
      <h4 id="title-phone"></h4>
      <p>Мы отправили вам сообщение с кодом активации на ваш телефон. Пожалуйста, введите его ниже.</p>
      <div class="error">
         <span>Неверный код активации</span>
      </div>
      <p><input type="text" name="code" placeholder="Ваш код"></p>
   </div>

   <div class="tab">
      <h4>Ваша информация</h4>
      <p>Пожалуйста, введите свое имя и загрузить фотографию.</p>
      <div class="photo">
         <span></span>
      </div>
      <div class="error">
         <span>Введите ваше имя</span>
      </div>
      <p><input type="text" placeholder="Имя" id="firstname"></p>
      <p><input placeholder="Фамилия (не обязательно)"></p>
   </div>

   <button type="button" class="next">продолжить</button>
   <button type="button" class="signup" style="display: none;">ЗАРЕГИСТРИРОВАТЬСЯ</button>
</form>


css кидать не буду, та как смысла нет, сама форма работает по шагам как мне надо, но мне нужно сделать валидацию, не могу понять как, хотелось бы чтобы вы мне показали как это сделать ибо дописали кодик мой немного, каждому буду признателен!
  • Вопрос задан
  • 270 просмотров
Решения вопроса 1
@matios
Technical Team Lead
if (step.eq(current_step).find('input').val().length === 0) {
   // show error
   return;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы