0

我想将文本框的输入字符限制为[a-z0-9_-]. 但是，无论何时执行此操作，例如退格键和箭头键都不起作用。我在这个网站和其他网站上发现了一些尝试，但它们要么不能在所有浏览器上正常工作，要么使用黑名单。例如W3Schools 网站示例黑名单号码。有没有办法使用白名单（上面的那个）并且仍然允许退格、箭头、主页、结束等键？还是我必须添加与我想要允许的键匹配的每个键码？我做这样的事情（为了简单起见，这被缩短了）。

编辑- 添加代码

 <input type="text" onkeypress="return checkInput();">
    function checkInput(){
        return /[a-z0-9_-]/gi.test(String.fromCharCode(window.event.keyCode));
    }
4

5 回答 5

2

只需将示例中的正则表达式更改为如下所示：

numcheck = /[^a-z0-9_-]/;

或者更好的是，避免双重否定：

numcheck = /[a-z0-9_-]/;
return numcheck.test(keychar);

然后您可以查找退格键等的键码并检查它们：

if (keychar === 8) return true;
...

甚至将它们放入您的正则表达式中：

numcheck = /[a-z0-9_\x08-]/;
于 2011-04-04T03:41:36.037 回答
1

您没有提供任何代码示例，因此很难在响应中具体说明，但作为一般策略，请尝试以下操作：不要尝试将在输入时可以输入的字符列入白名单，而是验证每次击键后的文本框，以确保它仍然包含有效字符。如果不是，请删除输入的最后一个字符。

这种方法将允许使用退格键等特殊键，同时实现您真正想要的：文本框中的有效值。

于 2011-04-04T03:44:20.423 回答
1

是的，您可以限制字符的输入。例如，创建一个检查正在发生的事情的函数，如果一切正常则返回 true，否则返回 false：

// return true for 1234567890A-Za-z - _
function InputCheck(e) {
    if ((e.shiftKey && e.keyCode == 45) || e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        if (e.which == 45 || e.which == 95 || (e.which >= 65 && e.which <= 90) || (e.which >= 97 && e.which <= 122))
            return true;
        return false;
    }
    return true;
}

一旦你有了这个函数，把它挂在你的输入中（这是用 jQuery）：

$('#InputID').keypress(InputCheck);

您可以根据需要进行复杂的检查，例如这将允许美元货币价值：

function InputCheck(e) {
    if ((e.shiftKey && e.keyCode == 45) || e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57) && e.which != 46 && e.which != 36) {
        return false;
    }
    // . = 46
    // $ = 36
    var text = $(this).val();

    // Dollar sign first char only
    if (e.which == 36 && text.length != 0) {
        return false;
    }

    // Only one decimal point
    if (e.which == 46 && text.indexOf('.') != -1) {
        return false;
    }

    // Only 2 numbers after decimal
    if (text.indexOf('.') != -1 && (text.length - text.indexOf('.')) > 2) {
        return false;
    }

    return true;
}
于 2011-04-04T03:45:23.710 回答
0

您可以按您喜欢的任何键，只要您不包含任何不在白名单中的值。

inputelement.onkeyup=function(e){
  e=e || window.event;
  var who=e.target || e.srcElement;
  who.value= who.value.replace(/[^\w-]+/g,'');
}
于 2011-04-04T04:18:56.780 回答
0

将此代码添加到 onkeypress 事件。

    var code;
    document.all ? code = e.keyCode : code = e.which;
    return ((code > 64 && code < 91) || (code > 96 && code < 123) || code == 8 || code == 32 || (code >= 48 && code <= 57));

为了浏览器兼容性，您可以添加 var k = e.keyCode == 0 ? e.charCode：e.keyCode；

于 2015-11-02T13:13:08.667 回答