网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
php教程
>
php常用代码
> >
【javascript学习指南】javascript 密码强度检测效果
【javascript学习指南】javascript 密码强度检测效果
发布时间:2018-04-26
【www.gdgbn.com--php常用代码】
提示:您可以先修改部分代码再运行
javascript 密码强度检测效果
javascript 密码强度检测效果
<script type="text/javascript"> function chkpwd(obj){ var t=obj.value; var id=getResult(t); //定义对应的消息提示 var msg=new Array(4); msg[0]="密码过短。"; msg[1]="密码强度差。"; msg[2]="密码强度良好。"; msg[3]="密码强度高。"; var sty=new Array(4); sty[0]=-45; sty[1]=-30; sty[2]=-15; sty[3]=0; var col=new Array(4); col[0]="gray"; col[1]="#50AEDD"; col[2]="#FF8213"; col[3]="green"; //设置显示效果 var bImg="http://www.zzsky.cn/effect/images/pwdlen.gif"//一张显示用的图片 var sWidth=300; var sHeight=15; var Bobj=document.getElementById("chkResult"); Bobj.style.fontSize="12px"; Bobj.style.color=col[id]; Bobj.style.width=sWidth + "px"; Bobj.style.height=sHeight + "px"; Bobj.style.lineHeight=sHeight + "px"; Bobj.style.background="url(" + bImg + ") no-repeat left " + sty[id] + "px"; Bobj.style.textIndent="20px"; Bobj.innerHTML="检测提示:" + msg[id]; } //定义检测函数,返回0/1/2/3分别代表无效/差/一般/强 function getResult(s){ if(s.length < 4){ return 0; } var ls = 0; if (s.match(/[a-z]/ig)){ ls++; } if (s.match(/[0-9]/ig)){ ls++; } if (s.match(/(.[^a-z0-9])/ig)){ ls++; } if (s.length < 6 && ls > 0){ ls--; } return ls } </script>
用户密码
word" name="pwd" onkeyup="chkpwd(this)">
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/jiaocheng/22724/
上一篇:
phpstudy_php ubb转换成html,html转换成ubb代码
下一篇:
腾讯视频图片|图片特效-腾讯客服图片幻灯切换效果
相关推荐
phpstudy|php curl_setopt() 实例
[phpstudy]php 定义php代码运行时间
【美团如何提升排名】网站如何快速提升排名
【减小摩擦的方法】减小js css体积,提高加载速度
phpstudy|php 删除cookie有效方法
【网站降权都是什么原因】网站被降权站长们该如何处理问题
【phpstudy】php isset和is_null区别
免费的_免费250m/6g/php/mysql个人免费空间
[提高网页被搜索引擎抓取索引和排名的方法]提高网页被搜索引擎抓取、索引和排名的方法
[seo优化]seo优化-description的编写技巧
网友关注
[is_array php]is_array -- 检测变量是否是数组
[phpstudy]php mysql数据的导入导出,数据表结构的导入导出
捷信商户门户网站|门户网站优化避免要点
[seo优化]seo优化-图片链接的alt标签
【phpstudy】php list 函数作用
phpstudy|php dirname __FILE__ 实例教程
【域名对搜索引擎】域名对搜索引擎优化的重要性
【seo优化】seo优化-采集文章对快照收录并没多大影响
phpstudy|php 三级联动菜单
【百度权重提升方法】增加百度权重 吸引百度流量的方法
热门标签
最新php常用代码
php常用代码
as3 api|as3 火燃烧效果实现代码
php常用代码
phpstudy|php continue和break流程控制语名用法
php常用代码
【sql语句查询】sql复合查询与null对查询结果影响分析
php常用代码
兼容firefox_兼容firefox和Opera,select中添加、修改、删除option元素
php常用代码
csrf-token_c 随机生成字符串或数组方法
php常用代码
css美化select_css美化select表单实现方法代码
php常用代码
【超简单的画】超简单php 大图生成缩略图实现代码
php常用代码
[asp.net core]asp.net ajax 检测用户名是否可用代码
php常用代码
phpstudy|php 获取目录下所有文件实现代码
php常用代码
asp.net core|asp.net ajax 检测用户名是否可用代码
php常用代码热门文章
php常
腾讯视频图片|图片特效-腾讯客服图片幻灯切换效果
php常
javascript学习指南_javascript+css tab 切换菜单效果
php常
javascript学习指南|javascript 防开心网好友印象特效代码
php常
[css左侧多级菜单]css左侧多级菜单
php常
javascript学习指南_javascript 仿flash焦点图片切换代码
php常
javascript学习指南_javascript 遮罩过渡效果的图片幻灯和选项卡菜单
php常
css div 居中_Css+div 超简洁导航上伸菜单代码
php常
[支付宝官方首页]支付宝首页宽滑动banner代码
php常
301重定向作用_301重定向代码与方法
php常
css下拉菜单代码|css下拉菜单导航条
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有