Javascript 函数未按预期工作

Question

目前我正在尝试创建一个只允许 A-Za-z、0-9、空格和逗号的脚本。这是我的脚本:

<textarea name="commentText" onkeypress="return filterCharAll(event,this);"></textarea>

function filterCharAll(e, t) {
    if (window.event) {
        var charCode = window.event.keyCode;
    }
    else if (e) {
        var charCode = e.which;
    }
    else { return true; }
    if ((charCode > 47 && charCode < 58) || (charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode == 188 || charCode == 32 || charCode == 13)) {
        return true;
    } else {
        return false;
    }   
}

一切正常!但是逗号 不起作用。当我按下它时，没有任何反应

JSfiddle:https://jsfiddle.net/mek7qy8h/

你能帮帮我吗？谢谢。

Answer 1

您需要检查 44 的 charCode 以匹配逗号:

function filterCharAll(e, t) {
  if (window.event) {
    var charCode = window.event.keyCode;
  } else if (e) {
    var charCode = e.which;
  } else {
    return true;
  }
  if (charCode === 44 || (charCode > 47 && charCode < 58) || (charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode == 188 || charCode == 32 || charCode == 13)) {
    return true;
  } else {
    return false;
  }
}

<textarea name="commentText" onkeypress="return filterCharAll(event,this);"></textarea>

但是使用正则表达式和测试 e.key 可能更容易:

function filterCharAll(e) {
  return /[a-z0-9\s,]/i.test(e.key);
  // return true if the key is alphabetical (lower or upper),
  // or digits, or whitespace, or a comma
  // return false otherwise
}

<textarea name="commentText" onkeypress="return filterCharAll(event);" onpaste="return false;"></textarea>

另一个不会中断粘贴的选项是使用 input 监听器，并将所有不允许的字符替换为空字符串:

const textarea = document.querySelector('textarea');
textarea.addEventListener('input', () => {
  textarea.value = textarea.value.replace(/[^a-z0-9\s,]/gi, '');
});

<textarea></textarea>