js正则只能输入数字和字母

在实际的开发中，很多时候会遇到需要限制用户输入的情况，比如只允许输入数字和字母。这时就可以使用js正则来实现限制用户输入的功能。

js正则是一种强大的字符串匹配工具，可以用来检测字符串是否符合某种模式。使用正则来限制用户输入数字和字母通常需要使用字符集合。

字符集合是一种用来匹配特定字符范围的正则表达式，比如：[0-9a-zA-Z]。这个字符集合可以匹配从0到9和从a到z以及从A到Z的所有字符。

代码实现如下：

var reg = /^[0-9a-zA-Z]+$/
var input = document.getElementById('input')
input.onkeyup = function () {
  if (!reg.test(this.value)) {
    this.value = this.value.replace(/[^0-9a-zA-Z]/g, '')
    // 这里可以加上弹框提示
  }
}

其中，reg为正则表达式，input为输入框的DOM元素。当用户输入时，根据正则表达式进行匹配，如果不符合要求就用replace方法将非数字和字母的字符替换掉，实现限制用户只能输入数字和字母的功能。

需要注意的是，正则匹配只能限制输入，但无法限制粘贴操作。所以在开发中还要考虑到用户粘贴的情况，可以监听paste事件并在事件回调函数中进行处理。