Parsley.js validation not triggering

haw*_*ris 1 javascript forms validation parsley.js

I'm using Parsley.js to validate my form. I tell Parsley to monitor the form by adding...

<form data-validate="parsley" name="myform"> 
Run Code Online (Sandbox Code Playgroud)

And my elements look like:

<input type="text" name="username" data-required="true"/>
Run Code Online (Sandbox Code Playgroud)

If you neglect the required fields and attempt to submit the form using this button...

<input type="submit" value="Submit"/> 
Run Code Online (Sandbox Code Playgroud)

Parsley displays an error and does not allow the form to be submitted. However, if you use the following submit method instead...

<a href="#" onClick="document.myform.submit();"> Submit </a> 
Run Code Online (Sandbox Code Playgroud)

Parlsey 只是忽略错误并提交表单。到底是怎么回事?Parsley 是否专门监听 input[type=submit] 元素而不是表单本身的提交?(我需要将“提交”功能设为链接,因为我想对其应用特殊样式。)

MBa*_*aas 5

我不确定欧芹是如何计算它需要验证的,但是您始终可以使用 自己触发验证document.myform.parsley( 'validate' );,因此在您的情况下,您必须执行以下操作:

if (document.myform.parsley( 'validate' ))  
     {document.myform.submit();}
Run Code Online (Sandbox Code Playgroud)