Parsley.js 在提交時跳過驗證？

Question

當我嘗試通過輸入 [type=submit] 或調用 form.submit() 提交表單時，Parsley 驗證表單並在無效時取消提交。 有什么辦法可以跳過該驗證，因為我在表單的各個部分手動調用驗證？

具體來說，我想要實現的是提交表單的部分版本，因此我驗證了一個組，並且只有該部分被發送到服務器（即使表單的 rest 仍然無效）。

Answer 1

我想取消Parsley默認的submit.Parsley事件驗證，則必須刪除表單上的submit.Parsley綁定事件。

做一個$('#yourform').off('submit.Parsley'); 應該解決您的問題。

最好

編輯：對於Parsley2，由於事件名稱已更改，因此應為$('#yourform').off('form:validate');

Answer 2

如果要跳過單個元素，請使用：

data-parsley-excluded

不會被Parsley驗證的表單字段。 例如，如果要將禁用和隱藏字段添加到現有列表，請使用：data-parsley-excluded =“ input [type = button]，input [type = submit]，input [type = reset]，input [type = hidden]，[disabled] 、: hidden“

但是，如果您想驗證特定的分組，請使用：

data-parsley-group

將組分配給字段以進行特定的組驗證。 例如：data-parsley-group =“ signup”。 這樣，您只能驗證表單的一部分，而不驗證所有字段。

資源 ：

http://parsleyjs.org/doc/index.html#psly-usage-form

Answer 3

在 JS 中運行提交時，您可以執行以下操作：

$('#yourform').parsley().destroy();

所以在代碼中使用 jQuery，它可能看起來像這樣：

var $myForm = $('#yourform');

$("#submit-button").on('click',function(e){
  e.preventDefault();
  
  $myForm.parsley().destroy();
  $myForm.submit();
});

Answer 4

正如我在這里回答的那樣，向按鈕添加formnovalidate似乎有效https://stackoverflow.com/a/74746624/1148163