如何阻止 HTML 输入字段中的特殊字符？ [关闭]

【问题标题】：How to block special characters in HTML input field? [closed]如何阻止 HTML 输入字段中的特殊字符？ [关闭]
【发布时间】：2018-03-26 14:46:12
【问题描述】：

我只是想问一下，在html输入字段中，我会如何屏蔽、、/等特殊字符？

【问题讨论】：

“阻止”是指不允许输入吗？粘贴文本呢？
出于什么目的？您是否试图阻止用户使用 HTML？

标签： javascript html node.js ejs

【解决方案1】：

您可以明确说明您接受哪些字符HTML input pattern Attribute

如果您坚持屏蔽特定字符，您可以使用以下内容：

document.getElementById("explicit-block-txt").onkeypress = function(e) {
    var chr = String.fromCharCode(e.which);
    if ("></\"".indexOf(chr) >= 0)
        return false;
};

&lt;input type='text' id='explicit-block-txt' value='' onpaste="return false"/&gt;

【讨论】：

【解决方案2】：

为什么不使用html5？

<input type="text" pattern="[^()/><\][\\\x22,;|]+">

【讨论】：

这种方式必须在表单中使用。

【解决方案3】：

你可以使用正则表达式。

document.getElementById("input").onkeypress = function(e) {
    /^[a-zA-Z0-9]+$/.test(this.value) // return true or false
};

&lt;input type="text" id="input"&gt;

【讨论】：

它不是阻塞。 pattern 仅用于验证