JavaScript基础插曲-练习

2018-06-18 02:12:51来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:是什么在.NET程序关闭时阻碍进程的退出?

下一篇:七大面向对象设计原则