7.案例.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  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.手机号脱敏 13684739503 => 136****9503
  11. const str = '13684739503';
  12. const reg = /^(1\d{2})(\d{4})(\d{4})$/
  13. console.log(reg.test(str));
  14. console.log(str.replace(reg,'$1****$3'))
  15. // 2.密码匹配 (6-16字母数字下划线)
  16. const str1 ='hi58748_87y';
  17. const reg1 = /^\w{6,16}$/
  18. console.log(reg1.test(str1));
  19. // 3.匹配16进制颜色 #ff0000 #ff0
  20. const str2 = '#ff00ff';
  21. const reg2 = /^#([a-fA-F0-9]{6})|([a-fA-F0-9]{3})$/
  22. console.log(reg2.test(str2));
  23. // 4.匹配24小时时间 23:59 20:09 08:08 18:18
  24. const reg3 = /^([0-1][0-9])|([2][0-3]):[0-5][0-9]$/;
  25. console.log(reg3.test("23:59"))
  26. console.log(reg3.test("20:09"))
  27. console.log(reg3.test("08:08"))
  28. console.log(reg3.test("18:18"))
  29. /**
  30. * 1.any-rule
  31. * 2/https://regexper.com/ 功能可视化表达式
  32. */
  33. </script>
  34. </body>
  35. </html>