jQuery - 数字验证 - 不是有效的数字

Question

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

我想使用该类型，以便在移动设备上向用户显示数字键。

字段上的验证非常简单：

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

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

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

默认验证"请输入有效数字"称为

Answer 1

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

来自 FormValidation.io 文档：-

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

在以下情况下，您不需要这样做

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

ii） 和步骤 必须指定其值不是整数的属性

试试这个：-

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