JavaScript正则表达式：文本框输入验证示例

在JavaScript中，正则表达式是一种强大的工具，用于验证和限制用户在输入字段（如文本框）中输入的数据类型和格式。本篇文档主要探讨如何利用正则表达式来限制文本框中的输入，确保其仅包含数字、小数点、英文字母以及汉字等特定字符。 首先，我们来看一个基本的正则表达式示例： ```javascript var reg = /^(\w|[\u4E00-\u9FA5])*$/; ``` 这个正则表达式定义了一个匹配模式，`\w` 匹配任何字母、数字或下划线，`[\u4E00-\u9FA5]` 则匹配Unicode范围内的汉字。`*` 表示前面的元素可以出现零次或多次。这个函数用于检查输入字符串是否只包含这些字符。 在提供的代码片段中，`username.match(reg)` 方法用于检查输入的用户名是否符合这个正则表达式的规则。如果匹配成功，`ti=1` 并返回true；如果不匹配，则弹出错误提示并设置`ti=0` 返回false。 接下来，文档列举了四种不同的场景，分别针对不同类型的输入限制： 1. **只允许中文输入**： - `onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"` 和 `onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"` 这两个事件处理器会实时清除文本框中的非中文字符，确保输入的全部是汉字。 2. **只允许全角字符输入**： - `onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"` 和 `onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"` 全角字符包括中文字符，所以这个正则表达式与上一个例子类似，但限制的是所有全角字符，不仅仅是汉字。 3. **只允许数字输入**： - `onkeyup="value=value.replace(/[^\d]/g,'')"` 和 `onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"` 这里使用 `[^\d]` 匹配任何非数字字符，并将其替换为空字符串，实现数字输入的限制。 4. **只允许数字和英文字符**： - `onkeyup="value=value.replace(/[\W]/g,'')"` 和 `onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"` `/[\W]/g` 匹配任何非单词字符（包括空格、标点符号等），替换为无，这样就保留了数字和英文字母。 总结来说，通过在JavaScript中使用正则表达式，开发者可以有效地控制用户输入的内容类型，保护数据的准确性和一致性。对于不同的应用场景，选择合适的正则表达式模式至关重要。在实际开发中，确保正则表达式的性能和正确性也是值得考虑的因素。