Parsley 在初始验证调用后阻止 keydown 验证

【问题标题】：Parlsey prevent keydown validation after initial validation callParsley 在初始验证调用后阻止 keydown 验证
【发布时间】：2018-03-13 06:03:59
【问题描述】：

我正在使用 Parlsey 验证表单，如下所示：

$(document).on("click", ".submit-form-btn", function(e) {
  $(".form-class").off().submit(function(e) {
    e.preventDefault();
    $(this).parsley().validate();
    if ($(this).parsley().isValid()) {
      //Do something
    }
  });
});

在初始验证之后，验证检查似乎会在每次“keydown”按下时调用。再次单击“.submit-form-btn”时，如何才能再次验证？我只想在点击时进行验证检查。

【问题讨论】：

标签： javascript jquery validation parsley.js

【解决方案1】：

您可以通过添加值为submit 的data-parsley-trigger-after-failure 属性来实现此目的。这将确保只有提交才会触发进一步的验证。您可以将其添加到单个字段（导致某些字段继续在输入时验证，而其他字段只会在提交时验证），或添加到整个表单（在任何地方指定仅提交验证）：

<form id="form" data-parsley-trigger-after-failure="submit">

或：

<input type="text" required data-parsley-trigger-after-failure="submit">

Here's a Codepen example.

【讨论】：

完美答案。