为什么复选框验证在Parsley.js中不起作用?

Hub*_*bro 3 html javascript checkbox parsley.js

我不能为我的生活让Parsley.js验证我的复选框,即使我的代码看起来就像他们的例子.我的HTML看起来像这样:

<div class='button-row'>
  <input data-parsley-mincheck='1' id='add-package-a-pre' name='add-package-alerts' type='checkbox' value='pre'>
  <label for='add-package-a-pre'>
    Pakke registrert
  </label>
  <input id='add-package-a-sent' name='add-package-alerts' type='checkbox' value='sent'>
  <label for='add-package-a-sent'>
    Pakke sendt
  </label>
  <input id='add-package-a-ready' name='add-package-alerts' type='checkbox' value='ready'>
  <label for='add-package-a-ready'>
    Pakke klar for henting
  </label>
  <input id='add-package-a-loaded' name='add-package-alerts' type='checkbox' value='loaded'>
  <label for='add-package-a-loaded'>
    Pakke lastet opp for utkjøring
  </label>
  <input id='add-package-a-delivered' name='add-package-alerts' type='checkbox' value='delivered'>
  <label for='add-package-a-delivered'>
    Pakke leveret
  </label>
</div>
Run Code Online (Sandbox Code Playgroud)

当我在其中一个文本输入中出现错误时,Parsley开箱即用并阻止我的表单提交,但它完全忽略了我的复选框都没有被选中的事实.据我所知,我的代码看起来就像它们提供的示例:http://parsleyjs.org/doc/examples/simple.html

我还制作了一个JSFiddle来演示这个问题.

谁能明白为什么它不起作用?我已经被困在这几个小时了,我找不到其他人遇到同样的问题.

Hub*_*bro 10

事实证明,只要未设置属性,Parsley将始终接受不检查复选框required,即使data-parsley-checkmin="1"是.

详细说明:

  • <input type="checkbox" data-parsley-checkmin="1" />
    无论如何 ,总是会通过验证
  • <input type="checkbox" data-parsley-checkmin="2" />
    如果选中1复选框,则验证失败
  • <input type="checkbox" data-parsley-checkmin="1" required />
    如果未选中复选框,则验证失败

换句话说,data-parsley-checkmin="1"永远不会有用.只需更换它required.

  • 如果"name"属性不存在,则验证将通过 (3认同)