什么是正则表达式？
正则表达式（Regular Expression）是一种用来描述字符组合的模式，常用于文本搜索和替换。在很多编程语言中都有对正则表达式的支持，比如 JavaScript、Python、Java 等等。
如何限制input输入框只能输入数字、字母相关组合？
使用HTML5的pattern属性
HTML5 的表单元素提供了 pattern 属性，可以使用正则表达式来限制输入框的输入内容。
<input type="text" pattern="[A-Za-z0-9]+" required>上述代码中的 pattern 属性值为 [A-Za-z0-9]+，表示只能输入由字母和数字组成的字符串，required 则表示该输入框为必填项。
需要注意的是，这种方式只适用于在页面中进行表单验证，如果用户使用 JavaScript 等方式绕过表单验证，还需要在服务端进行数据过滤和验证。
使用JavaScript的正则表达式
我们可以使用 JavaScript 的正则表达式来限制输入框的输入内容。下面是一个示例：
const input = document.getElementById('input');
input.addEventListener('input', function() {
this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
});
上述代码中，我们监听了输入框的输入事件，并使用正则表达式 /[^a-zA-Z0-9]/g 将输入框中的非字母数字字符全部替换为空字符串。
使用jQuery的正则表达式
如果您正在使用 jQuery，那么可以使用 jQuery 的 .keyup() 方法来监听输入框的输入事件。下面是一个示例：
const input = $('#input');
input.keyup(function() {
this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
});
上述代码中，我们使用了 keyup 事件来监听输入框的输入事件，然后使用正则表达式 /[^a-zA-Z0-9]/g 将输入框中的非字母数字字符全部替换为空字符串。
如何组合多种限制条件？
使用HTML5的pattern属性
如果我们需要限制输入框只能输入由字母、数字和某些特定字符组成的字符串，可以在 pattern 属性中添加多个条件。下面是一个示例：
<input type="text" pattern="[A-Za-z0-9_-]+" required>上述代码中的 pattern 属性值为 [A-Za-z0-9_-]+，表示只能输入由字母、数字、下划线和短横线组成的字符串，required 则表示该输入框为必填项。
使用JavaScript的正则表达式
如果需要同时限制输入框只能输入数字和字母，并且满足某些特殊条件，可以使用 JavaScript 的正则表达式来实现。下面是一个示例：
const input = document.getElementById('input');
input.addEventListener('input', function() {
this.value = this.value.replace(/[^a-zA-Z0-9_-]/g, '');
});
上述代码中，我们使用正则表达式 /[^a-zA-Z0-9_-]/g 将输入框中的非字母数字、下划线、短横线字符全部替换为空字符串。
使用jQuery的正则表达式
如果您正在使用 jQuery，那么可以使用 jQuery 的 .keyup() 方法来监听输入框的输入事件。下面是一个示例：
const input = $('#input');
input.keyup(function() {
this.value = this.value.replace(/[^a-zA-Z0-9_-]/g, '');
});
上述代码中，我们使用了 keyup 事件来监听输入框的输入事件，然后使用正则表达式 /[^a-zA-Z0-9_-]/g 将输入框中的非字母数字、下划线、短横线字符全部替换为空字符串。
总结
限制输入框只能输入数字、字母相关组合的方式有多种，可以使用 HTML5 的 pattern 属性，也可以使用 JavaScript 的正则表达式来实现。如果需要多种限制条件，也可以将这些条件组合起来。需要注意的是，这些限制只适用于在页面中进行表单验证，如果用户使用 JavaScript 等方式绕过表单验证，还需要在服务端进行数据过滤和验证。