爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JS特效
密码强度检测效果
密码强度检测效果
日期:2014-05-18 浏览次数:20196 次
以下是程序代码
<html> <head> <title>密码强度检测效果,爱易网整理收集。</title> <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://images.cnblogs.com/cnblogs_com/tq0855n/pwdlen_dSIPeEGQWxfO.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> </head> <body> 告诉你一个应有尽有的网页特效网址:<a href="http://js.aiyiweb.com">http://js.aiyiweb.com</a><hr /> <form name="form1"> <label for="pwd">用户密码</label> <input type="password" name="pwd" onkeyup="chkpwd(this)" /> <div id="chkResult"></div> </form> </body> </html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
上一篇:狡猾的按钮特效
下一篇:window.close() 直接关闭页面
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
易信工具性优势突出 丁磊三板斧或先砍在飞信上
618首日看京东阿里不同策略,鹿死谁手?
英特尔VS苹果:移动芯片大战
孙正义入股阿里往事还原:阿里巴巴并非软银首选
众贷网满月开张 网络金融监管再受质疑
京东联席董事长赵国庆上市前夕离职
“组合拳”怎么打 拆解小米新玩法
中移动“重启”自有品牌手机成败难料
永不磨灭的九大尖端编程语言
推荐阅读
更多>
承载京东C2C野心的拍拍网:梦想丰满,现实骨感
腾讯微信昨晚再现大规模故障 多地受到影响
机器人进一步取代人类:将进军白领任务
IT时代周刊总编辑曹健:投资人刘志硕印象记
手游市场乱象丛生 受资本热捧野蛮成长
特斯拉技术专利开放,要革自己的命?
眼球识别技术EyeVerify融资600万美元 360参投
电信运营商员工涌入虚拟运营商,待遇差距多大?
墨迹天气:产品创新以攻为守方能对抗巨头
蓝宝石PK大猩猩玻璃:作为屏幕谁更有优势?
唯品会股价飙升 引天猫当当京东进军闪购
iOS7拖累iPad 5、iPad mini2发布 传十月份推出
盛大游戏走向衰落的根源:免费游戏模式惹的祸
中电信国际漫游费下调85% 世界杯上网28元/天
史玉柱此刻离任:营销巨匠为新游戏炒作?
阿朗力避步北电后尘 急切停止自我革新
网络旅行游记被曝插入"软广告" 个别人士月入数万
京东封杀财付通:终极目标是电商生态圈
华为野心布局未来:投资研发5G对赌1毫秒连接
中国电信内外受困 去电信化思绪待改