为什么我在自定义验证后无法输入 % 符号

Question

我有一个要求，我可以输入不超过 100（允许 100）的数字。此外，这些数字可以在开头有 +、- 符号，在结尾有 %。

我想出了以下功能来验证。但是，即使经过很多努力，我也无法解决为什么我已经输入了 2 位数字却无法输入 % 符号。

例如：输入 10 后，我无法输入 %（Shift + 5）我的函数：

$scope.checkInputValidation = function(event, value) {
    var key = event.keyCode;
    var currentcharacter = String.fromCharCode(key);
    if (key === 91 || key === 187 || key === 189 || (15 < key && key < 19) || (35 <= key && key <= 40)) {
        return;
    }
    if (isNaN(currentcharacter) && ((currentcharacter !== "%") || (currentcharacter !== "+") || (currentcharacter !== "-") || (currentcharacter !== ""))) {
        if ((key !== 46) && (key !== 8)) {
            event.preventDefault();
            return false;
        }
    }
    var formattedValue;
    if (value.indexOf('%') !== -1) {
        formattedValue = value.replace('%', "");
    } else {
        formattedValue = value;
    }
    if (!isNaN(currentcharacter)) {
        if (parseInt(formattedValue + currentcharacter) > 100 || parseInt(formattedValue + currentcharacter) < -100) {
            event.preventDefault();
            return false;
        }
    }
}

我想知道原因以及我应该如何才能进入%。

Answer 1

currentcharacter 永远不会包含 % 字符。您必须结合 event.shiftKey 属性.

检查 5 (53) 的密钥代码

if(key === 53 && event.shiftKey) {
    .. % pressed ..
}

为什么我在自定义验证后无法输入 % 符号

Why am I unable to enter % sign after my custom validation

javascript

validation

keycode