动态禁用禁用字段的 Parsley 验证

Question

我正在使用 Parsley 验证我的表单。

我重新编写了很多 StackOverflow 问题。但没有什么对我有用

问题是一开始我有两个禁用的密码字段，它们将通过一个复选框启用：

$('#chk_change_pass').on('change', function() {
    if ($(this).is(':checked')) {
      $('[name=password]')
      .prop('disabled', false);
    }
    else {
      $('[name=password]')
      .prop('disabled', true);
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form data-parsley-validate>
    <input type="checkbox" id="chk_change_pass">
    <input type="password" name="password" data-parsley-excluded="[disabled]" disabled required>
    <input type="submit">
</form>

<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>

禁用后不排除在启动时也不排除

Answer 1

您需要使用change，而不是ifChanged 来触发复选框更改

$('#chk_change_pass').on('change', function() {
    if ($(this).is(':checked')) {
      $('[name=password]')
      .prop('disabled', false);
    }
    else {
      $('[name=password]')
      .prop('disabled', true);
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form data-parsley-validate>
    <input type="checkbox" id="chk_change_pass">
    <input type="password" name="password" data-parsley-excluded="[disabled]" disabled >
    <input type="submit">
</form>

<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>