Javascript或Jquery - 将输入字段限制为仅8位小数

时间:2014-09-02 15:52:28

标签: javascript jquery html forms

是否可以使用Jquery / Javascript将HTML中的表单字段限制为仅3位小数。我的意思是:33.334应该被允许作为输入3.344& 444444.556等,但不应允许5.6664等。

我该怎么做?

1 个答案:

答案 0 :(得分:2)

你不需要jQuery来做到这一点。只需使用pattern这样的<input>属性

<input type="text" pattern="^\d+\.\d{0,3}$">

以上内容适用于大多数浏览器,但如果您想支持某些旧浏览器,则可以将<input>绑定到基于键的事件上,并使用上述正则表达式检查值并限制用户输入。

$('input').on('blur', function () {
    if (!/^\d+\.\d{0,3}$/.test($(this).val())) {
        alert("Must be a number upto 3 decimals!");
    }
});

DEMO

Enter 查看pattern的实际操作。单击其他位置以查看运行中的jQuery