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

Question

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

我该怎么做？

Answer 1

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

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

上面的内容适用于大多数浏览器，但如果你想支持一些旧浏览器，你可以绑定(bind) <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 的实际应用}