只要输入字段有效，其他元素就会获得焦点

Question

我最近开始使用Parsley，但遇到了问题。基本上，我有一个需要验证的三输入形式，直到一切正确为止，将禁用下一个按钮。

问题是这样：

如果我在模糊输入中使用事件，请在第一个输入上输入完毕后立即输入第二个输入，而在正确填充该输入之前，我将无法做任何事情。在填写完所有其他字段之前，我什至无法编辑第一个输入字段。

[使用键盘输入事件或两者结合使用时，我在第一个字段中输入第一个字母后，便立即将我移至第二个输入框。

您能帮我提供我的代码吗？

$(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>

Answer 1

我认为您想做的是：

1）比标准更快地触发验证，即使用data-featherlight-trigger="input"

2）通过侦听form:success和form:error事件来切换按钮的状态。

HTH