jquery - jQuery - 号码验证 - 不是有效号码

Question

我正在使用 formvalidation.io（jQuery 表单验证的扩展）来验证我的表单，并且在使用“数字”类型的字段时遇到问题。

我想使用该类型，以便将数字键呈现给移动设备上的用户。

现场验证非常简单：

depth: {
    validators: {
    notEmpty: {
        message: 'You must enter the depth of the excavation.'
}

但是，导致问题的数字类型字段的默认验证。该字段将接受：1.00、1、2.00 等。

但不接受任何小数：0.50、1.20、2.30 等。

调用默认验证“请输入有效数字”

score 0 · Accepted Answer

那是因为默认的 HTML5 验证type="number"不允许没有step指定的小数。

来自 FormValidation.io 文档：-

通过 HTML 属性设置选项时，请记住通过设置 data-fv-numeric="true" 来启用验证器。

你不需要这样做时

i) 使用 HTML 5 type="number" 属性

ii) 并且必须指定其值不是整数的step属性

尝试这个：-

<input type="number" step="any" />

1 回答 1