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"