5552人阅读
JavaScript（3）
在一些网站注册的时候经常可以看到密码强度提示，例如优酷：
今天自己做了一个JS密码强度判断，效果如下：
& & & 以下是代码：
&title&JS判断密码强度&/title&
&script language=javascript&
//判断输入密码的类型
function CharMode(iN){
if (iN&=48 && iN &=57) //数字
if (iN&=65 && iN &=90) //大写
if (iN&=97 && iN &=122) //小写
//bitTotal函数
//计算密码模式
function bitTotal(num){
for (i=0;i&4;i++){
if (num & 1) modes++;
//返回强度级别
function checkStrong(sPW){
if (sPW.length&6)
return 0; //密码太短，不检测级别
for (i=0;i&sPW.i++){
//密码模式
Modes|=CharMode(sPW.charCodeAt(i));
return bitTotal(Modes);
//显示颜色
function pwStrength(pwd){
Dfault_color=&#eeeeee&;
//默认颜色
L_color=&#FF0000&;
//低强度的颜色，且只显示在最左边的单元格中
M_color=&#FF9900&;
//中等强度的颜色，且只显示在左边两个单元格中
H_color=&#33CC00&;
//高强度的颜色，三个单元格都显示
if (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=Dfault_
S_level=checkStrong(pwd);
switch(S_level) {
Lcolor=Mcolor=Hcolor=Dfault_
Mcolor=Hcolor=Dfault_
Lcolor=Mcolor=M_
Hcolor=Dfault_
Lcolor=Mcolor=Hcolor=H_
document.getElementById(&strength_L&).style.background=L
document.getElementById(&strength_M&).style.background=M
document.getElementById(&strength_H&).style.background=H
&form name=form1 action=&& &
&table width=&250& border=&0& cellpadding=2& bordercolor=&#eeeeee& style='display:inline'&
&td width=&40%& align=&right&&密码:&/td&
&td colspan=&3& align=&left&&
&input type=password size=20 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)&
&tr align=&center&&
&td width=&40%& align=&right&&密码强度:&/td&
&td width=&20%& id=&strength_L& bgcolor=&#eeeeee&&弱&/td&
&td width=&20%& id=&strength_M& bgcolor=&#eeeeee&&中&/td&
&td width=&20%& id=&strength_H& bgcolor=&#eeeeee&&强&/td&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：58856次
排名：千里之外
原创：27篇
评论：20条
(4)(2)(3)(4)(2)(9)(7)js判断登陆用户名及密码是否为空的简单实例
投稿：jingxian
字体：[ ] 类型：转载 时间：
下面小编就为大家带来一篇js判断登陆用户名及密码是否为空的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js判断登陆用户名及密码是否为空的简单实例
&script type="text/javascript"&
// 验证输入不为空的脚本代码
function checkForm(form) {
if(form.username.value == "") {
alert("用户名不能为空!");
form.username.focus();
if(form.password.value == "") {
alert("密码不能为空!");
form.password.focus();
PS一下 调用的话 如果是表单调用& 即是
&form action="#" method="post" onsubmit="return checkForm(this);"&
以上这篇js判断登陆用户名及密码是否为空的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具用javaScript验证密码输入是否一致，当判断出不一致时，如何才能重填表单呢 - JavaScript当前位置:& &&&用javaScript验证密码输入是否一致，当判断出不一致用javaScript验证密码输入是否一致，当判断出不一致时，如何才能重填表单呢&&网友分享于：&&浏览：220次用javaScript验证密码输入是否一致，当判断出不一致时，怎么才能重填表单呢？源代码如下：
& & contentType= &text/ & charset=GBK &%&
&title& register &/title&
&body & bgcolor= &#ffffff &&
&form & name= &thisForm & & action= &insert.jsp & & method= &GET & & onsubmit= &return & formCheck() &&
&script & language= &JavaScript & & type= &text/JavaScript &&
function & formCheck(){
& if(thisForm.password.value!=thisForm.pass.value){
& alert( &两次输入的密码不一致，请再次输入！ &);
} &/script&
&p & align= &center &&
&td & align= &right && 密码： &/td&
&input & type= &password & & name= &password &/&
&td & align= &right && 请再次输入密码： &/td&
&input & type= &password & & name= &pass &/&
&input & type= &submit & & name= &sub & & value= &提交 &&
&input & type= &reset & & name= &res & & value= &重写 &&
当判断出两次输入的密码不一致时，弹出一个对话框后，选择重填表单时，就直接跳转到沁insert.jsp文件去了，怎样才能实现再次填表单的功能呢？求教！ ------解决方案-------------------- &head&
&title& register &/title&
&body bgcolor= &#ffffff &&
&form name= &thisForm & action= &# & method= &GET & onsubmit= &return formCheck() &&
&script language= &JavaScript & type= &text/JavaScript &&
function formCheck(){
if(thisForm.password.value!=thisForm.pass.value){
alert( &两次输入的密码不一致，请再次输入！ &);
} &/script&
&p align= &center &&
&td align= &right && 密码： &/td&
&input type= &password & name= &password &/&
&td align= &right && 请再次输入密码： &/td&
&input type= &password & name= &pass &/&
&input type= &submit & name= &sub & value= &提交 &&
&input type= &reset & name= &res & value= &重写 &&
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有欢迎光临蚂蚁学院,蚂蚁学院承诺所有教程及软件全部终身免费！如果您觉得本站不错，请务必推荐给你的朋友！
当前位置： >>
>> js表单提交，判断文本框，用户名密码是否为空，JS表单检测!
蚂蚁学院原创帖，实例帖，兼容Ie6,Ie7,Ie8,Ie9,FF
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&&
&meta http-equiv=&refresh& content=&30; url=&&
&title&js表单提交，判断文本框，用户名密码是否为空，JS表单检测!蚂蚁学院,网站建设教程网!网址：&
body{font-size:12 padding-top:32}
&script type=&text/javascript&&
function checkform(){
&$user_name=document.getElementById(&User_Name&).
&$user_pwd=document.getElementById(&User_Pwd&).
&if($user_name=='')
&&alert(&用户名不能为空&);
&if($user_pwd=='')
&&alert(&密码不能为空&);
&table width=&600& border=&0& align=&center& cellpadding=&0& cellspacing=&0&&
&form action=&& method=&post& name=&Form1& id=&Form1& onsubmit=&return checkform()&&
&&&td width=&219& height=&32& align=&right&&用户名：&/td&
&&&td width=&381&&&input type=&text& name=&User_Name& id=&User_Name& /&&/td&
&&&td height=&32& align=&right&&密码：&/td&
&&&td&&input type=&text& name=&User_Pwd& id=&User_Pwd& /&&/td&
&&&td height=&32&&&&/td&
&&&td&&input type=&submit& name=&button& id=&button& value=&注册用户& /&&/td&
&!--以下代码为蚂蚁学院广告代码--&
&script src=&&
&!--广告代码结束--&
网友：qinxuefen
第1楼是我在找的，很感谢 []
管理员回复：欢迎前来学习！
网友：aaaab
第2楼赶紧用html5的表单验证啦 []
管理员回复：可惜不是所有的浏览器都支持 html5
网友：meteorshower
第3楼看的不怎么懂~ []
管理员回复：哪里不懂呢？
网友：dvhtml
第4楼那提交表单后，我在php注册页面，还要不要再判断啊？ []
管理员回复：要的，还要再进行判断，以防万一。
发表留言：
接收回复内容(可不填)!哪位大神给代码加个，密码必须位数字，用户名不能有空格_javascript吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：93,322贴子：
哪位大神给代码加个，密码必须位数字，用户名不能有空格收藏
还有登入错误时光标回到用户名位置&html& &head&&title&用户登录&/title&&script& function check(){if(document.myform.myname.value.length&1)alert("用户名不能为空");else if(document.myform.psw.value!="1234")alert("密码错误");elsewindow.open().document.write("欢迎您的光临，"+document.myform.myname.value+"&a href=lb.html&请点击这里&/a&");}&/script& &/head&&body& &form name="myform"&用户名：&input type="text" name="myname" /&&p&密
码：&input type="password" name="psw" /&&p&
&input type="button" name="mybutton" value="登录" onclick="check()" /&&/form&&/body& &/html&
必须为数字的话 pattern = /^\d+$/不能有空格的话 不知道空格怎么表示 应该找下有没有\s就可以了吧我想、、
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或