javascript - parsley.js 错误的数据类型

Question

我有一个正在由欧芹验证的表格，但欧芹似乎搞砸了。有问题的元素定义如下:

<input class="num-selector" type="tel" name="gift_amount" data-min="20" data-type="digits" required>

但是，单步执行调试器会发现它被验证为 data-type="phone"，这会导致验证失败。 (除非有人购买值(value)超过十亿美元的礼券，但这显然是一个边缘条件。)

有人听说过这样的事情吗——欧芹搞砸了数据类型？您是否遇到过与 parsely.js 发生冲突并像这样破坏其数据的代码？

Answer 1

问题是因为您在输入中使用 type="tel" ，而欧芹会自动将其识别为电话号码，而不是数字。应该是:

type="number"

或者只是文本。

此外，没有 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官方文档。