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

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

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>

Answer 2

您不应该使用charCode，因为它是deprecated，而可以使用char并针对正则表达式进行测试。

function filterAll(event) {
  return /[A-Za-z0-9, ]/.test(event.char);
}

JavaScript功能无法正常运行

2 个答案: