1.校验QQ号

八十四:JavaScript之正则表达式之常用的正则表达式

console.log(/^[1-9]\d{4,10}$/); // 严格控制5~11位
console.log(/^[1-9]\d{4}$/); // 不小于5位即可

 

2.用户名

八十四:JavaScript之正则表达式之常用的正则表达式

console.log(/^[\u4e00-\u9fa5a-zA-Z0-9_]{2,18}$/);
console.log(/^[\u4e00-\u9fa5\w]{2,18}$/);

 

3.密码

八十四:JavaScript之正则表达式之常用的正则表达式

console.log(/\S{6,16}$/);

 

4.去除字符串首尾的空白字符

八十四:JavaScript之正则表达式之常用的正则表达式

八十四:JavaScript之正则表达式之常用的正则表达式

console.log(' aaaa '.replace(/^\s+/, '')); // 去除首空
console.log(' aaaa '.replace(/\s+$/, '')); // 去除尾空
console.log(' aaaa '.replace(/^\s+/, '').replace(/\s+$/, '')); // 去除首尾空
console.log(' aaaa '.replace(/^\s+|\s+$/g, '')); // 去除首尾空

 

5.转驼峰

八十四:JavaScript之正则表达式之常用的正则表达式

八十四:JavaScript之正则表达式之常用的正则表达式

// background-color 转 backgroundColor
console.log('background-color'.replace(/-([a-z])/gi, function (all, letter){
  return letter.toUpperCase();
}));

 

6.匹配HTML标签

八十四:JavaScript之正则表达式之常用的正则表达式

八十四:JavaScript之正则表达式之常用的正则表达式

// 正向思考
console.log('<p class="odd" ']*\1)*>/g));

 

7.email邮箱

八十四:JavaScript之正则表达式之常用的正则表达式

八十四:JavaScript之正则表达式之常用的正则表达式

console.log('111@163.com'.match(/(?:\w+\.)*\w+@(?:\w+\.)+[a-z]+/i));
console.log('111@163.com'.match(/^[a-z0-9]+(?:[._-][a-z0-9]+)*@[a-z0-9]+([._-][a-z0-9]+)*\.[a-z]+$/i));

 

8.url

八十四:JavaScript之正则表达式之常用的正则表达式

八十四:JavaScript之正则表达式之常用的正则表达式

// 简单版
console.log('http://news.baidu.com/guonei'.match(/^(https?:\/\/)?([^:\/]+)(:\d+)?(\/.*)?$/i));
// 主机名详细匹配版
console.log('http://news.baidu.com/guonei'.match(/^(https?:\/\/)?([a-z0-9]\.|[a-z0-9][-a-z0-9]*[a-z0-9]\.)*([a-z]+)(:\d+)?(\/.*)?$/i));

 

相关文章:

  • 2022-02-06
  • 2022-01-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-07-30
  • 2021-09-02
  • 2022-12-23
  • 2022-12-23
  • 2021-06-30
  • 2022-03-07
相关资源
相似解决方案