JavaScript正则限制输入为数字

"这篇文档主要介绍了如何使用JavaScript的正则表达式来限制文本框(input)只允许用户输入数字。文章通过实例演示了正则表达式的创建、常用方法以及正则表达式的关键概念，如字面量写法、内置构造函数、test()、exec()、search()、match()、replace()、split()等方法的使用。此外，还讲解了子表达式、字符簇和限定符等正则表达式的核心概念。" 在JavaScript中，限制文本框输入通常涉及监听键盘事件和验证输入内容是否符合特定规则。正则表达式是实现这一目标的强大工具。正则表达式有两种创建方式：字面量写法，如`/xyz/`，和内置构造函数写法，如`new RegExp('xyz')`，两者效果相同，但字面量写法更常见。 文章中提到了几个正则表达式的方法： 1. `test(str)`：这个方法会检查字符串`str`是否符合正则表达式模式，如果匹配成功则返回`true`，否则返回`false`。 2. `exec(str)`：它会在字符串`str`中寻找匹配正则表达式的第一个结果，并返回一个包含匹配信息的数组，如果没有找到匹配则返回`null`。 3. `search(reg)`：类似于`indexOf`，返回正则表达式在字符串中第一次出现的位置，找不到则返回-1。 4. `match(reg)`：返回字符串中所有匹配正则表达式的子串，以数组形式呈现，没有匹配则返回`null`。 5. `replace(reg, '替换后的字符')`：将匹配到的子串替换为指定的字符。 6. `split(reg)`：根据正则表达式将字符串分割成数组，如果没有匹配则原样返回整个字符串。 正则表达式中的子表达式（通过圆括号`()`定义）可以捕获和重用部分匹配。例如，`(ab)+`会匹配连续的`ab`序列。 字符簇（如`[abc]`）用于匹配指定范围内任何一个字符。例如，`[0-9]`匹配任何数字。 限定符如`*`、`+`、`?`和`{n,m}`控制匹配次数。例如，`/a+/`会匹配一个或多个`a`字符，而`/a{3}/`则匹配恰好三个`a`。 在验证数字输入的场景中，如QQ号码的校验，可以使用正则表达式`/^[1-9]\d{4,12}$/`来确保输入是5到13位的非零数字。这里`^`表示开始，`\d`代表数字，`[1-9]`确保第一位不是0，`\d{4,12}`匹配4到12位数字，`$`表示结束。正则表达式默认采用“贪婪”匹配策略，尽可能多地匹配字符，这就是为何代码会优先匹配最长的可能匹配。要改变这种行为，可以使用非贪婪限定符，如`?`。 通过理解和熟练运用JavaScript的正则表达式，我们可以有效地限制文本框的输入，提高用户输入数据的准确性。