首页 / JAVA / 18JavaScript 网页中的密码级别

18JavaScript 网页中的密码级别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了18JavaScript 网页中的密码级别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1755字，纯文字阅读大概需要3分钟。

内容图文

             1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 2     <title></title>
 3     <script type="text/javascript">
 4 5         onload = function () {
 6var tds = document.getElementById(‘tb‘).getElementsByTagName(‘td‘);
 7var txtPwd = document.getElementById(‘txt‘);
 8//键盘键入事件 9             document.getElementById(‘txt‘).onkeyup = function () {
10var lv = checkPwd(this.value);
11//查看密码的级别12                 document.getElementById(‘txt2‘).value = lv;
13for (var i = 0; i < tds.length; i++) {
14                     tds[i].style.backgroundColor = ‘‘;
15                }
16if (lv <= 1) {
17//弱18                     tds[0].style.backgroundColor = ‘red‘;
19                }
20if (lv == 2) {
21//中22                     tds[1].style.backgroundColor = ‘green‘;
23                     tds[0].style.backgroundColor = ‘green‘;
24                }
25if (lv == 3) {
26//强27                     tds[0].style.backgroundColor = ‘blue‘;
28                     tds[1].style.backgroundColor = ‘blue‘;
29                     tds[2].style.backgroundColor = ‘blue‘;
30                }
31            };
32//1、准备一个判断密码级别的方法。33function checkPwd(pwd) {
34var lvl = 0;
35if (pwd.match(/[0-9]/)) {
36                     lvl++;
37                }
38if (pwd.match(/[a-zA-Z]/)) {
39                     lvl++;
40                }
41if (pwd.match(/[^0-9a-zA-Z]/)) {
42                     lvl++;
43                }
44if (pwd.length<=6) {
45                     lvl--;
46                }
47return lvl;
48            };
49        };
5051     </script>
52 </head>
53 <body>
54     <input id="txt" type="text" name="name" value=" " />
55     <input id="txt2" type="text" name="name" value=" " />
56     <!--<input type="button" name="name" value=" " />-->
57     <table id="tb" border="1"  style ="background-color:#B7B6B4;width:300px;height:30px;text-align:center;margin-top:20px">
58         <tr>
59             <td>弱</td>
60             <td>中</td>
61             <td>强</td>
62         </tr>
63     </table>
64 </body>
65 </html>

 

原文：http://www.cnblogs.com/clcloveHuahua/p/5120518.html

内容总结

以上是互联网集市为您收集整理的18JavaScript 网页中的密码级别全部内容，希望文章能够帮你解决18JavaScript 网页中的密码级别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1214016.html

来源：【匿名】