为什么没有复选框验证在Parsley.js中工作?

时间:2015-06-29 03:40:41

标签: javascript html 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>

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

I have also made a JSFiddle that demonstrates the problem.

任何人都可以理解为什么它不起作用?我已经被困在这几个小时了,我找不到其他人遇到同样的问题。

1 个答案:

答案 0 :(得分:10)

事实证明,只要未设置required属性,即使{{1},Parsley 始终接受没有选中复选框是的。

详细说明:

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

换句话说,<input type="checkbox" data-parsley-checkmin="1" required />永远不会有用。只需将其替换为data-parsley-checkmin="1"