javascript - 只允许数字、加号、减号、逗号、F5 等

Question

我试图阻止除数字(字符上方的按键和小键盘上的按键)以及减号 (-) 和加号 (+) 以及逗号 (,) 之外的所有按键。

现在，它只输入我输入的两倍(例如 2 是 22)，并且它还会用新数字替换当前值，但对于加号、减号和逗号，它会插入 ½、m、和k。我还想解锁网站上常用的典型按键，例如 F5、Ctrl + R、Shift + R、删除、home 和 end，但我不知道如何解锁 F5、Shift + R，和 Ctrl + R。

$('body').on('keydown', 'input[name="textfield-correction-temperature"]', function(c) {
    console.log(c.keyCode);
    if(c.keyCode != 107 && c.keyCode != 109 && c.keyCode != 188 && c.keyCode > 31 && (c.keyCode < 48 || c.keyCode > 57)) {
        return false;
    } else {
        var key = String.fromCharCode(c.which);
        $(this).val(key);
    }
});

jsFiddle demo

Answer 1

使用正则表达式执行相同的过程可能有助于简化您的代码。

下面是一个使用正则表达式来阻止任何非数字的示例:

$(document).ready(function() {

    $('body').on('keydown', 'input[name="textfield-correction-temperature"]', function(c) {

        if (String.fromCharCode(c.keyCode).replace(/[^0-9]/g, '') == '') {
            return false;
        }

    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="textfield-correction-temperature" tabindex="0" maxlength="6">

当然，您可以根据自己的喜好修改正则表达式，轻松交换可接受/ Not Acceptable 字符。