前端项目开发常用的正则表达式

1.校验0-100的数字，仅支持两位小数点

    numberCheck(rule, value, callback) {const checkReg = /^(((\d|[1-9]\d)(\.\d{1,2})?)|100|100.0|100.00)$/if (checkReg.test(value)) {callback()} else {callback(new Error('0-100的数字，仅支持两位小数点'))}},

2.校验中国手机号正则表达式

要使用正则表达式校验手机号，可以根据不同国家的手机号码格式设计正则表达式。这里我将提供一个常见的用于中国大陆的手机号校验的正则表达式。

中国手机号正则表达式

^1[3-9]\d{9}$

解释：

^：表示字符串的开始。
1：手机号必须以 1 开头（中国大陆手机号规则）。
[3-9]：第二位必须是 3 到 9 之间的数字，符合中国手机运营商的规则。
\d{9}：接下来的 9 位数字，可以是任何数字，表示手机号的后 9 位。
$：表示字符串的结束。

在 JavaScript 中的使用示例：

const regex = /^1[3-9]\d{9}$/;console.log(regex.test('13812345678'));  // true
console.log(regex.test('15998765432'));  // true
console.log(regex.test('12345678901'));  // false
console.log(regex.test('98765432100'));  // false
console.log(regex.test('1381234567'));   // false
console.log(regex.test('138123456789')); // false

3.校验只允许输入正数且最多保留两位小数

要使用正则表达式校验正数且最多保留两位小数，可以使用以下正则表达式：

正则表达式

^\d+(\.\d{1,2})?$

解释：

^：表示字符串的开始。
\d+：表示一个或多个数字，确保整数部分存在。
(\.\d{1,2})?：
- \.：表示小数点。
- \d{1,2}：表示小数部分，最多可以是1到2位数字。
- ()?：表示小数部分是可选的，允许没有小数部分。
$：表示字符串的结束。

在 JavaScript 中的使用示例：

const regex = /^\d+(\.\d{1,2})?$/;console.log(regex.test('123'));     // true
console.log(regex.test('123.4'));   // true
console.log(regex.test('123.45'));  // true
console.log(regex.test('123.456')); // false
console.log(regex.test('.45'));     // false
console.log(regex.test('-123.45')); // false
console.log(regex.test('123.'));    // false

4.校验只允许输入正整数

要使用正则表达式校验只允许输入正整数，可以使用以下正则：

正则表达式

^\d+$

解释：

^：表示字符串的开始。
\d+：表示一个或多个数字（+表示匹配一次或多次数字）。
$：表示字符串的结束。

在 JavaScript 中的使用示例：

const regex = /^\d+$/;console.log(regex.test('123'));    // true
console.log(regex.test('0'));      // false
console.log(regex.test('123.45')); // false
console.log(regex.test('-123'));   // false

5.校验只允许输入0-100的正整数

要使用正则表达式校验只允许输入0到100之间的正整数（包括0和100），可以使用以下正则表达式：

正则表达式

^(100|[1-9]?\d)$

解释：

^：表示字符串的开始。
100：匹配数字 100。
|：表示“或”的意思，匹配前后任意一个部分。
[1-9]?\d：
- [1-9]：匹配 1 到 9 之间的数字，表示十位上的数字。
- ?：表示十位上的数字可以有也可以没有（即允许 0 到 9 的一位数）。
- \d：表示个位上的数字，允许任何数字（0-9）。
$：表示字符串的结束。

在 JavaScript 中的使用示例：

const regex = /^(100|[1-9]?\d)$/;console.log(regex.test('0'));    // true
console.log(regex.test('1'));    // true
console.log(regex.test('10'));   // true
console.log(regex.test('99'));   // true
console.log(regex.test('100'));  // true
console.log(regex.test('101'));  // false
console.log(regex.test('05'));   // true
console.log(regex.test('000'));  // true