JavaScript基础插曲-练习

_{Javascript基础学习}

_{eg:利用正则表达式来去掉空格。}

_{1：msg=' Hello '；}

1. <script type="text/javascript">
2. ????var msg = ' Hello ';
3. ????msg = msg.replace(/^\s+/, "").replace(/&\s+/, '');
4. ????alert(msg);
5. </script>

_{eg:利用js实现登录的时候显示密码的强度}

_{这个主要使用正则表达式来进行判断和js操作样式来改变下面的颜色。需要注意的是switch的时候千万不要忘记写break;在合适的地方跳出来。}

1. <script type="text/javascript">
2. ????window.onload = function () {
3. ????????//这里为文本框注册一个键盘键按下后弹起的事件
4. ????????document.getElementById('txtPassword').onkeyup = function () {
5. ????????????var tds = document.getElementById('tb1').getElementsByTagName('td');
6. ????????????//初始化颜色
7. ????????????for (var i = 0; i <tds.length; i++) {
8. ????????????????tds[i].style.backgroundColor = '';
9. ????????????}
10. ????????????//1:获取用户输入的内容
11. ????????????var val = this.value;
12. ????????????if (val.length > 0) {
13. ????????????//2:根据用户输入的密码，来效验密码的强度。
14. ????????????var pwdLvl = getPasswordLever(val);
15. ????????????//3:改变下面显示的强度。
16. ????????????switch (pwdLvl) {
17. ????????????????case 0:
18. ????????????????case 1:
19. ????????????????case 2:
20. ????????????????????//弱
21. ????????????????????tds[0].style.backgroundColor = 'red';
22. ????????????????????break;
23. ????????????????case 3:
24. ????????????????case 4:
25. ????????????????????//中
26. ????????????????????tds[0].style.backgroundColor = 'orange';
27. ????????????????????tds[1].style.backgroundColor = 'orange';
28. ????????????????????break;
29. ????????????????case 5:
30. ????????????????????//强
31. ????????????????????tds[0].style.backgroundColor = 'green';
32. ????????????????????tds[1].style.backgroundColor = 'green';
33. ????????????????????tds[2].style.backgroundColor = 'green';
34. ????????????????????break;
35. ????????????????default:
36. ????????????}
37. ????????????}
38. ?
39. ????????};
40. ????};
41. ????//这里是申明了一个匿名函数，通过这个匿名函数来判断密码的强度。
42. ????function getPasswordLever(user_pwd) {
43. ????????//下面是通过正则表达式的match()方法来判断输入的密码中是否有满足的指定条件。
44. ????????var lvl = 0;
45. ????????//1:含有数字，强度+1
46. ????????if (user_pwd.match(/\d+/)) {
47. ????????????lvl++;
48. ????????}
49. ????????//2：含有小写字母，强度+1
50. ????????if (user_pwd.match(/[a-z]+/)) {
51. ????????????lvl++;
52. ????????}
53. ????????//3:含有大写字母，强度+1
54. ????????if (user_pwd.match(/[A-Z]+/)) {
55. ????????????lvl++;
56. ????????}
57. ????????//4:含有特殊符号，强度+1
58. ????????if (user_pwd.match(/[^0-9a-zA-Z]+/)) {
59. ????????????lvl++;
60. ????????}
61. ????????//5:密码的长度超过6位，强度+1
62. ????????if (user_pwd.length > 6) {
63. ????????????lvl++;
64. ????????}
65. ????????return lvl;
66. ????}
67. </script>

_{关于笔记：自己要很认真的写，一些知识点自己学过去就会忘记，笔记可以为以后留着复习用。希望自己坚持下去。}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有