Parsley.js驗證未觸發

Question

我正在使用Parsley.js來驗證我的表單。 我告訴Parsley通過添加...來監視表單。

<form data-validate="parsley" name="myform"> 

我的元素看起來像：

<input type="text" name="username" data-required="true"/>

如果您忽略必填字段並嘗試使用此按鈕提交表單...

<input type="submit" value="Submit"/> 

Parsley顯示錯誤，並且不允許提交表單。 但是，如果改為使用以下提交方法...

<a href="#" onClick="document.myform.submit();"> Submit </a> 

Parlsey只是忽略錯誤並提交表單。 到底是怎么回事？ Parsley是否在專門偵聽input [type = submit]元素，而不是表單本身的提交？ （我需要使“提交”功能成為鏈接，因為我想對其應用特殊的樣式。）

Answer 1

我不確定香菜如何計算需要驗證的數量，但是您始終可以使用document.myform.parsley( 'validate' );來觸發驗證document.myform.parsley( 'validate' ); ，因此您必須執行以下操作：

if (document.myform.parsley( 'validate' ))  
     {document.myform.submit();}

Answer 2

我希望Parsley會自動有一個on Submit處理程序，但是直到我從源代碼中找出來之前，您都可以這樣做：

$('form#my-form').on "submit", (e)->
  $(this).parsley().validate()

請注意，這是coffeescript。 JS將

$('form#my-form').on("submit", function(e) {
  return $(this).parsley().validate();
});

當然，所有輸入都必須設置數據屬性，例如：

data-parsley-required="true"