javascript - Safari 中 Parsley.js 的奇怪行为

Question

所以我们正在使用 parsley.js。我认为问题是，它不能与 Safari 跨浏览器一起工作。

第一个错误:我有这个 input，您只能在其中输入数字。它看起来像这样:

input#mtlbeitrag.pull-right(data-type="number", name="vb", value="#{calc.vb}", required="required", min="0")

当我现在输入“1000”时，欧芹所做的就是使这个数字也变成“1.000”。显然这是一个问题，因为我们正在将该数字解析为整数。所以你的算法解析“1.000”，它应该是“1000”到“1.0”。

第二个错误:Parsley 忽略了 require 标签。不仅弹出消息不起作用，而且仅显示为列表元素。不，它还允许用户提交带有错误输入的表单。

我的问题是:这些是众所周知的错误还是我们只是实现了错误的方式？任何人都可以用 safari 确认这个错误吗？

在 Google Chrome 上，不会发生这些错误。

还有，是否有更好的跨浏览器库可以做同样的事情？

PS:当我这样做时test在 Safari 上，没有任何反应。

Answer 1

是否有可能您正在使用 HTML5 表单验证而忘记将 novalidate 添加到封闭的表单标签中？如果未找到 novalidate，则 HTML5 表单验证将接管并覆盖 parsley 所做的一切...

我相信后备，所以我包括这个:

$("form.js-validate").attr("novalidate","novalidate").parsley();
                       ^

这样，如果由于某种原因未加载 JS，HTML5 验证将作为后备。(请注意，在这种情况下，您必须从表单中删除 data-validate="parsley"，或者您只需使用 $("form.js-validate").attr("novalidate"“novalidate”) 加载中)

仅供引用:Safari 失败的原因是它的 HTML5 验证“滞后”。

老问题，但也许一些有 mustache 的互联网旅行者会得到帮助