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

时间:2016-02-05 10:57:30

标签: jquery formvalidation-plugin jquery-form-validator formvalidation.io

我正在使用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等。

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

1 个答案:

答案 0 :(得分:0)

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

来自FormValidation.io文档: -

  

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

     

时你不需要这样做      

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

     

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

试试这个: -

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