javascript - 只允许输入 float ，最大值为 100.00

Question

有一个 HTML 输入文本字段，比如说价格，要求它的最高价格可以是 100.00，最低价格可以是 0.00。

允许使用此范围的 Jquery 代码如下:

$('#price').keypress(function(event) {
if(event.which == 8 || event.which == 0){
    return true;
}
if(event.which < 46 || event.which > 59) {
    return false;
    //event.preventDefault();
} // prevent if not number/dot

if(event.which == 46 && $(this).val().indexOf('.') != -1) {
    return false;
    //event.preventDefault();
} // prevent if already dot
});

但这允许用户输入 12345 或 1235 或 123.5 等。文本框对应的 HTML 是:

<input type="text" name ="" value="" id="price" maxlength="5" min="0.01" step="0.01">

如果 type="text" 更改为 type="number"，则应用的 Jquery 对其不起作用。

我们如何允许用户仅输入从 0.00 到 100.00 的 float ，并且最多只能输入 2 位小数。例如:4.32、9.99、99.99 等

Answer 1

您可以使用 jquery mask plugin

html

<input type="text" id="price">

js

$('#price').mask('Z00.00', {translation:  {'Z': {pattern: /[1]/, optional: true}}});

fiddle demo