阻止用户在表单字段中输入<或>

Question

我试图阻止用户使用JavaScript将<或>输入到我的表单字段中。 这是我到目前为止所拥有的：

$(document).on('keydown', function (e) {
    regex = new RegExp("\<|>");
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    if (!regex.test(key)) {
        event.preventDefault();
        return false;
    }
});

它仍然允许这些角色，我该如何阻止它？

Answer 1

为什么要费心翻译呢？ 我喜欢保持简单：

$(document).on('keypress', function (e) {
    if ((e.which == 62) || (e.which == 60)) { // greater than or less than key pressed
        e.preventDefault();
    }    
});

编辑添加：

如果条件基于@Samsquanch反馈，则交替：

if ((String.fromCharCode(e.which) == '>') || (String.fromCharCode(e.which) == '<')) { // greater than or less than key pressed

Answer 2

值得注意的两件事：

• 所有浏览器的所有密钥都不完全支持keypress。 你应该使用keydown或keyup
• <和>键代码因操作系统和键盘布局而异。 硬编码密钥代码将不会始终如一

对于跨操作系统和跨键盘布局解决方案（虽然不是很干净），您可以这样做：

$(document).on('keyup', 'input, textarea', function (e) {
    regex = new RegExp("\<|>");
    var val = $(this).val();
    $(this).val(val.replace(regex, ''));
});

这会从keyup上的输入中剥离<和>键。 用户将看到这种情况发生，但它应始终捕获所需的键并剥离它们。