我的表格正在被欧芹验证,但欧芹似乎搞砸了。有问题的元素定义如下:
<input class="num-selector" type="tel" name="gift_amount" data-min="20" data-type="digits" required>
然而,单步执行调试器会显示它被验证为data-type="phone"
,这会导致验证失败。 (除非有人购买价值超过十亿美元的礼券,但这显然是一种边缘条件。)
有没有人听说过这样的事情 - 欧芹搞砸了data-type
?曾经遇到过与parsely.js争吵并破坏其数据的代码吗?
答案 0 :(得分:1)
问题是因为您在输入中使用type="tel"
并且欧芹自动将其识别为电话号码,而不是数字。应该是:
type="number"
或只是text
。
此外,没有data-type
这样的属性,您应该使用data-parsley-type="digits"
。与data-min
相同的应该只是min
或data-parsley-min="20"
所以你的代码可以是:
<input class="num-selector" type="text" name="gift_amount" data-parsley-min="20" data-parsley-type="digits" required>
查看官方文档中的Validators list。