Как только поле ввода является действительным, другой элемент получает фокус - PullRequest
Новая
       26

Как только поле ввода является действительным, другой элемент получает фокус

0 голосов
/ 04 октября 2019

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

Проблема заключается в следующем:

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

При использовании события keyup или их комбинации, как только я набираю первую букву в первом поле, он перемещает меня во второе поле ввода.

Можете ли вы мне помочь? с моим кодом? 

$(document).ready(function() {
      $("#signup-form1").parsley();
      $('input').on('keyup blur', function() {
        $("#signup-form1").parsley().validate();
        if ($("#signup-form1").parsley().isValid()) {
          $('#submit1').prop('disabled', false);
        } else {
          $('#submit1').prop('disabled', 'disabled');
        }
      });
<form id="signup-form1" action="#" data-parsley-validate novalidate>
  <input id="first-name" class="form-control" type="text" name="fname" placeholder="First name" parsley-trigger="change" required>
  <input id="last-name" class="form-control" type="text" name="lname" placeholder="Last name" parsley-trigger="change" required>
  <input id="email" class="form-control" type="email" name="email" placeholder="Email" parsley-type="email" parsley-trigger="change" required>
  <button class="btn btn-primary btn-block" type="submit" id="submit1" disabled="disabled">Next</button>
</form>

1 Ответ

0 голосов
/ 04 октября 2019

Я думаю, что вы хотите сделать следующее:

1) проверка запуска быстрее, чем стандартная, т. Е. С помощью data-featherlight-trigger="input"

2) переключение состояния вашей кнопки путем прослушивания form:success и form:error события.

HTH

...