代码之家  ›  专栏  ›  技术社区  ›  rostamiani

动态禁用禁用禁用字段中的欧芹验证

  •  0
  • rostamiani  · 技术社区  · 6 年前

    我正在用欧芹验证我的表格。

    我重新考虑了很多堆满的问题。但没什么对我有用

    问题是,在开始时,我有两个禁用的密码字段,它们将通过复选框启用:

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

    不排除不在开始时也不在禁用后删除

    1 回复  |  直到 6 年前
        1
  •  0
  •   Akhil Aravind    6 年前

    你需要使用 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>