js 正则表达式 禁止输入非法字符

以下是一个使用JavaScript正则表达式禁止输入非法字符的例子：

// 获取输入框元素
var input = document.getElementById("inputBox");

// 监听输入事件
input.addEventListener("input", function() {
  // 获取输入的值
  var value = input.value;

  // 使用正则表达式替换非法字符
  value = value.replace(/[^a-zA-Z0-9]/g, "");

  // 更新输入框的值
  input.value = value;
});

这个例子中，我们使用了`input`事件来监听输入框的输入。每当用户输入内容时，我们使用正则表达式`/[^a-zA-Z0-9]/g`来替换非法字符，只保留字母和数字。最后，我们更新输入框的值，将替换后的内容显示出来。

相关问题

textarea禁止输入特殊字符

### 如何在 `<textarea>` 中禁用特殊字符输入

为了实现这一功能，可以通过 JavaScript 来监听用户的键盘事件并过滤掉任何尝试输入的特殊字符。下面是一个具体的解决方案：

#### 使用 HTML 和 JavaScript 实现表单验证

HTML 提供了一个基础框架来构建带有 `<textarea>` 的表单元素[^1]。

<form>
    <p>评论：<br/>
        <textarea id="comment" name="comment"></textarea><br/>
        <input type="submit" value="提交">
    </p>
</form>

JavaScript 可以用来增强这个简单的表单，通过添加一个正则表达式匹配逻辑来阻止用户输入除字母、数字之外的内容。每当检测到非法字符时，脚本会自动移除这些字符或将光标位置恢复至前一状态。

document.getElementById('comment').addEventListener('keydown', function(event){
    var regex = new RegExp("^[a-zA-Z0-9]+$");
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    
    if (!regex.test(key)) {
       event.preventDefault();
       return false;
    }
});

此代码片段利用 `keydown` 事件捕获每次按键操作，并应用正则表达式测试即将被录入的字符是否仅由英文字母或阿拉伯数字构成。如果不符合条件，则调用 `preventDefault()` 方法取消默认行为，从而达到屏蔽特定键入的目的[^2]。

值得注意的是，在实际开发过程中可能还需要考虑更多细节问题，比如处理粘贴动作以及不同浏览器间的兼容性差异等问题。