6.案例.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 1.手机号脱敏 13789430987 => 137****0987
  11. const str = '13789430987';
  12. const reg = /^(1\d{2})\d{4}(\d{4})$/;
  13. console.log(str.replace(reg, '$1****$2'))
  14. // 2.密码匹配 (6-16字母、数字、下划线)
  15. const str1 = 'hello123456';
  16. const reg1 = /^\w{6,16}$/;
  17. console.log(reg1.test(str1))
  18. // 3.匹配16进制颜色 #ff0000 #0f0
  19. const str2 = '#FF0000';
  20. const reg2 = /^#([a-fA-F0-9]{6})|([a-fA-F0-9]{3})$/
  21. console.log(reg2.test(str2))
  22. // 4.匹配24小时时间 23:59 20:12 08:35 18:22
  23. const reg3 = /^([0-1][0-9])|([2][0-3]):[0-5][0-9]$/;
  24. console.log(reg3.test('23:59'))
  25. console.log(reg3.test('20:12'))
  26. console.log(reg3.test('08:35'))
  27. console.log(reg3.test('18:22'))
  28. // /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/
  29. </script>
  30. </body>
  31. </html>