JavaScript基础插曲-练习
2018-06-18 02:12:51来源:未知 阅读 ()
Javascript基础学习
eg:利用正则表达式来去掉空格。
1:msg=' Hello ';
- <script type="text/javascript">
- ????var msg = ' Hello ';
- ????msg = msg.replace(/^\s+/, "").replace(/&\s+/, '');
- ????alert(msg);
- </script>
eg:利用js实现登录的时候显示密码的强度
这个主要使用正则表达式来进行判断和js操作样式来改变下面的颜色。需要注意的是switch的时候千万不要忘记写break;在合适的地方跳出来。
- <script type="text/javascript">
- ????window.onload = function () {
- ????????//这里为文本框注册一个键盘键按下后弹起的事件
- ????????document.getElementById('txtPassword').onkeyup = function () {
- ????????????var tds = document.getElementById('tb1').getElementsByTagName('td');
- ????????????//初始化颜色
- ????????????for (var i = 0; i <tds.length; i++) {
- ????????????????tds[i].style.backgroundColor = '';
- ????????????}
- ????????????//1:获取用户输入的内容
- ????????????var val = this.value;
- ????????????if (val.length > 0) {
- ????????????//2:根据用户输入的密码,来效验密码的强度。
- ????????????var pwdLvl = getPasswordLever(val);
- ????????????//3:改变下面显示的强度。
- ????????????switch (pwdLvl) {
- ????????????????case 0:
- ????????????????case 1:
- ????????????????case 2:
- ????????????????????//弱
- ????????????????????tds[0].style.backgroundColor = 'red';
- ????????????????????break;
- ????????????????case 3:
- ????????????????case 4:
- ????????????????????//中
- ????????????????????tds[0].style.backgroundColor = 'orange';
- ????????????????????tds[1].style.backgroundColor = 'orange';
- ????????????????????break;
- ????????????????case 5:
- ????????????????????//强
- ????????????????????tds[0].style.backgroundColor = 'green';
- ????????????????????tds[1].style.backgroundColor = 'green';
- ????????????????????tds[2].style.backgroundColor = 'green';
- ????????????????????break;
- ????????????????default:
- ????????????}
- ????????????}
- ?
- ????????};
- ????};
- ????//这里是申明了一个匿名函数,通过这个匿名函数来判断密码的强度。
- ????function getPasswordLever(user_pwd) {
- ????????//下面是通过正则表达式的match()方法来判断输入的密码中是否有满足的指定条件。
- ????????var lvl = 0;
- ????????//1:含有数字,强度+1
- ????????if (user_pwd.match(/\d+/)) {
- ????????????lvl++;
- ????????}
- ????????//2:含有小写字母,强度+1
- ????????if (user_pwd.match(/[a-z]+/)) {
- ????????????lvl++;
- ????????}
- ????????//3:含有大写字母,强度+1
- ????????if (user_pwd.match(/[A-Z]+/)) {
- ????????????lvl++;
- ????????}
- ????????//4:含有特殊符号,强度+1
- ????????if (user_pwd.match(/[^0-9a-zA-Z]+/)) {
- ????????????lvl++;
- ????????}
- ????????//5:密码的长度超过6位,强度+1
- ????????if (user_pwd.length > 6) {
- ????????????lvl++;
- ????????}
- ????????return lvl;
- ????}
- </script>
关于笔记:自己要很认真的写,一些知识点自己学过去就会忘记,笔记可以为以后留着复习用。希望自己坚持下去。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:七大面向对象设计原则
- 如何0基础学习C/C++? 2020-06-06
- 复习C++语法--基础篇 2020-05-27
- C++基础 学习笔记六:复合类型之数组 2020-04-25
- C++基础 学习笔记五:重载之运算符重载 2020-04-23
- C++基础 学习笔记四:重载之函数重载 2020-04-22
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash