JavaScript 正则匹配中文，中文符号，空格，全数字，以https:// 开头的url，用于各种场景的输入校验

最新推荐文章于 2024-07-19 09:55:02 发布

原创

最新推荐文章于 2024-07-19 09:55:02 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #字符串

本文介绍了如何使用JavaScript进行正则表达式匹配，包括中文字符、中文符号、空格、全数字以及以'https://'开头的URL，适用于各种输入校验场景。文中列举了多个业务场景的应用，并提供了相关面试题和学习资源。

业务场景1：

  密码输入框需要验证输入中文，中文符号，空格等情况，以便于给出错误提示

业务场景2：

  输入框只允许输入数字的情况

业务场景3：

  输入框允许输入均为数字或以https:// 开头的url的情况

备注：

  网上查阅的大部分JavaScript中文/中文符号/空格等正则匹配，在中文加一个英文或者数字都能校验通过，无法满足实际的校验需求，使用下面的字符串替换方法，并比对str替换前后的length，即可完成准确的实际校验需求

var length = str.length
// str为想要验证的字符串
console.log('length====>>>>>',length)
var chinese_length = str.replace(/[\u4e00-\u9fa5]/g,'').length
// chinese_length为匹配到中文后并替换成''之后的str字符串长度，中间的正则匹配中文，例如str = 'te测试st'，length = 6，chinese_length = 4，用于做后面的逻辑判断
var space_length = str.replace(/\s/g,'').length
// space_length 为匹配到字符串中间的空格后并替换成''之后的str字符串长度，中间的正则匹配字符串中间的空格，例如str = 'te st'，length = 5，space_length = 4，用于做后面的逻辑判断
// 注意如果str = ' tes t '，str首部和尾部均有空格的场景，可以考虑使用trim()进行删除，删掉头尾的空格后再进行操作，trim()使用方法自行查阅
console.log('space_length ====>>>>>',space_length )
var CN_punctuation_length = str.replace(
/[\u