【问题标题】:Why doesn't checkbox validation work in Parsley.js?为什么复选框验证在 Parsley.js 中不起作用?
【发布时间】:2018-11-11 23:23:57
【问题描述】:

我一辈子都无法让 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.

有人能看出为什么它不起作用吗?我已经被困在这个问题上几个小时了,我找不到其他遇到同样问题的人。

【问题讨论】:

    标签: javascript html checkbox parsley.js


    【解决方案1】:

    事实证明,只要 required 属性未设置,Parsley 将始终接受没有选中复选框,即使 data-parsley-checkmin="1" 已设置。

    详细说明:

    • &lt;input type="checkbox" data-parsley-checkmin="1" /&gt;
      总会通过验证,无论如何
    • &lt;input type="checkbox" data-parsley-checkmin="2" /&gt;
      仅在选中 1 个复选框时验证失败
    • &lt;input type="checkbox" data-parsley-checkmin="1" required /&gt;
      如果未选中任何复选框,验证将失败

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

    【讨论】:

    • 那是正确的,并且在文档中肯定应该更清楚。欢迎公关。
    • 如果“name”属性不存在,验证将通过
    猜你喜欢
    • 2017-11-26
    • 1970-01-01
    • 2014-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-20
    • 2016-05-16
    • 2017-07-03
    相关资源
    最近更新 更多