本教程详细讲解了如何使用JavaScript正则表达式限制网页中的输入框只接受纯数字输入,确保数据的有效性和安全性。
JS 正则表达式是指在 JavaScript 中使用的正则表达式,它是一种强大的字符串匹配工具,在校验、提取、替换等多种操作中有广泛应用。本段落将详细介绍 JS 正则表达式的使用方法,特别是在限制文本框只能输入数字方面的应用。
非负整数:`^\\d+$`
这个规则用于匹配如 0,1,2 等的非负整数。
正整数: `^[0-9]*[1-9][0-9]*$`
此表达式用于检测类似 1、2 的正整数值。
非正整数:`^((-\\d+)|(0+))$`
该规则可以匹配 -1, -2 和 0 这样的值,即为非正整数。
负整数: `^-?[0-9]*[1-9][0-9]*$`
这个表达式用于检测如 -1、-2 的负数值。
整数:`^-?\\d+$`
该规则匹配包括了所有类型的整数比如 -1, 0 和 1。
非负浮点数: `^\\d+(\\.\\d+)?$`
此正则可用于验证类似 0.5,1.6 这样的非负小数值。
正浮点数:`^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$`
此规则用于检测如 2.3, 4.5 的正浮点数。
非正浮点数:`^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$`
该表达式匹配 -1.7,0 等的值,即为非正值的小数值。
负浮点数: `^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$`
此规则用于检测如 -2.3, -4.5 这样的负浮点数。
浮点数:`^(-?\\d+)(\\.\\d+)?$`
该表达式可以匹配所有类型的小数值例如 -2.7, 1.6。
字符串: `^[A-Za-z]+$`
此规则用于检测仅由英文字母组成的文本,如 example。
大写字符串:`^[A-Z]+$`
这个正则可用于验证全部为大写字母的单词比如 HELLO。
小写字符串:`^[a-z]+$`
该表达式可以匹配所有用小写字母构成的字符序列例如 world。
数字和英文字母组成的文本: `^[A-Za-z0-9]+$`
此规则用于检测由字母与数字共同组成的数据,如 abc123。
数字、英文字母及下划线字符串:`^\\w+$`
该表达式可以匹配包括了所有类型的小写字母大写字符和整数的文本序列例如:aBc_456.
Email 地址: `^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$`
此规则用于验证格式正确的电子邮件地址,如 example@example.com。
URL:`^[a-zA-z]+://(\\w+(-\\w+)*(\\. \\S*))?$`
该表达式可以匹配所有符合标准的网址例如:http://www.example.com
以上提到的各种JS 正则表达式都可以用于限制文本框的输入,包括只允许数字、Email地址或者URL等特定格式的数据。