当前位置：首页 » 网页前端 » 前端js弱密码判断
扩展阅读
提分平台的账号密码是什么 2023-08-31 22:07:10
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端js弱密码判断

发布时间: 2022-08-26 15:19:00

Ⅰ 用js做一个判断用户注册是密码强度的效果，尽量简单一点，求各位大神帮忙，选修课作业，急！！！！

<script language=javascript>
//CharMode函数
//测试某个字符是属于哪一类.
function CharMode(iN){
if (iN>=48 && iN <=57) //数字
return 1;
if (iN>=65 && iN <=90) //大写字母
return 2;
if (iN>=97 && iN <=122) //小写
return 4;
else
return 8; //特殊字符
}
//bitTotal函数
//计算出当前密码当中一共有多少种模式
function bitTotal(num){
modes=0;
for (i=0;i<4;i++){
if (num & 1) modes++;
num>>>=1;
}
return modes;
}
//checkStrong函数
//返回密码的强度级别
function checkStrong(sPW){
if (sPW.length<=4)
return 0; //密码太短
Modes=0;
for (i=0;i<sPW.length;i++){
//测试每一个字符的类别并统计一共有多少种模式.
Modes|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes);
}
//pwStrength函数
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色
function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
if (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}
else{
S_level=checkStrong(pwd);
switch(S_level) {
case 0:
Lcolor=Mcolor=Hcolor=O_color;
case 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break;
case 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
break;
default:
Lcolor=Mcolor=Hcolor=H_color;
}
}
document.getElementById("strength_L").style.background=Lcolor;
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
return;
}
</script>
<form name=form1 action="" >
输入密码:
<input type=password size=10 onKeyUp=pwStrength(this.value)
onBlur=pwStrength(this.value)>
<br>密码强度:
<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"
height="23" style='display:inline'>
<tr align="center" bgcolor="#eeeeee">
<td width="33%" id="strength_L">弱</td>
<td width="33%" id="strength_M">中</td>
<td width="33%" id="strength_H">强</td>
</tr>
</table>
</form>

Ⅱ js如何判断密码强度

1、判断密码长度，直接取字符串长度；
2、判断密码组成的复杂度，如数字、字母、符号，用正则判断很方便。

Ⅲ js判断弱密码，例如aaaa1111、1234abcd

<scriptlanguage=javascript>

//CharMode函数
//测试某个字符是属于哪一类.
functionCharMode(iN){
if(iN>=48&&iN<=57)//数字
return1;
if(iN>=65&&iN<=90)//大写字母
return2;
if(iN>=97&&iN<=122)//小写
return4;
else
return8;//特殊字符
}

//bitTotal函数
//计算出当前密码当中一共有多少种模式
functionbitTotal(num){
modes=0;
for(i=0;i<4;i++){
if(num&1)modes++;
num>>>=1;
}
returnmodes;
}

//checkStrong函数
//返回密码的强度级别

functioncheckStrong(sPW){
if(sPW.length<=4)
return0;//密码太短
Modes=0;
for(i=0;i<sPW.length;i++){
//测试每一个字符的类别并统计一共有多少种模式.
Modes|=CharMode(sPW.charCodeAt(i));
}

returnbitTotal(Modes);

}

//pwStrength函数
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色

functionpwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
if(pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}
else{
S_level=checkStrong(pwd);
switch(S_level){
case0:
Lcolor=Mcolor=Hcolor=O_color;
case1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break;
case2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
break;
default:
Lcolor=Mcolor=Hcolor=H_color;
}
}

document.getElementById("strength_L").style.background=Lcolor;
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
return;
}

</script>

<formname=form1action="">
输入密码:<inputtype=passwordsize=10onKeyUp=pwStrength(this.value)onBlur=pwStrength(this.value)>

密码强度:
<tablewidth="217"border="1"cellspacing="0"cellpadding="1"bordercolor="#cccccc"height="23"style='display:inline'>
<tralign="center"bgcolor="#eeeeee">

<tdwidth="33%"id="strength_L">弱</td>

<tdwidth="33%"id="strength_M">中</td>

<tdwidth="33%"id="strength_H">强</td>
</tr>
</table>
</form>

Ⅳ js判断密码强度

这段JavaScript代码比较实用，它完成用户注册时判断用户输入密码的强度，分强、弱、中三等级，它可以根据用户输入的密码显示对应的密码强弱等级，方便用户改进输入 。
<html>
<head>
<title>JS判断密码强度</title>
<script language=javascript>
//判断输入密码的类型
function CharMode(iN){
if (iN>=48 && iN <=57) //数字
return 1;
if (iN>=65 && iN <=90) //大写
return 2;
if (iN>=97 && iN <=122) //小写
return 4;
else
return 8;
}
//bitTotal函数
//计算密码模式
function bitTotal(num){
modes=0;
for (i=0;i<4;i++){
if (num & 1) modes++;
num>>>=1;
}
return modes;
}
//返回强度级别
function checkStrong(sPW){
if (sPW.length<=4)
return 0; //密码太短
Modes=0;
for (i=0;i<sPW.length;i++){
//密码模式
Modes|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes);
}

//显示颜色
function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
if (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}
else{
S_level=checkStrong(pwd);
switch(S_level) {
case 0:
Lcolor=Mcolor=Hcolor=O_color;
case 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break;
case 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
break;
default:
Lcolor=Mcolor=Hcolor=H_color;
}
}
document.getElementById("strength_L").style.background=Lcolor;
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
return;
}
</script>
</head>
<body>
<form name=form1 action="" >
密码:<input type=password size=8 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
<br>密码强度:
<table width="210" border="1" cellspacing="0" cellpadding="1" bordercolor="#eeeeee" height="22" style='display:inline'>
<tr align="center" bgcolor="#f5f5f5">
<td width="33%" id="strength_L">弱</td>
<td width="33%" id="strength_M">中</td>
<td width="33%" id="strength_H">强</td>
</tr>
</table>
</form>
</body>
</html>

Ⅳ 怎么用正则表达式去判断密码的强弱啊

你是自己写正则表达式吗？挺麻烦的，一般用的时候都是直接参考正则表达式文册也没必要记住
下面写了一个函数来验证密码强度，你可以写一个showPwRank(arg)方法用于显示强度
验证密码强度的js在网上挺多的
function checkRank(val){
if(val.length<6||/^[0-9]{1,8}$/.test(val))
{
showPwRank(0);
return 0;
}
var ls = 0;
if (val.match(/[a-z]/g)){ ls++; }
if(val.match(/[A-Z]/g)){ ls++; }
if (val.match(/[0-9]/g)){ ls++; }
if (val.match(/[^a-zA-Z0-9]/g)){ ls++; }
if (val.length < 8 && ls > 1){ ls = 1; }
if(ls>3) { ls=3; };
return ls;
}

Ⅵ 如何用javascript判断在修改密码时输入的旧密码是否正确以及两次输入新密码是否一样

你首先经取得旧密码，然后返回给js做判断。。。等旧密码验证成功后，再来判断 输入 的两个新密码是否相同。。。这肯定要用到ajax异步传输。。。利用输入的旧密码去匹配数据库里面的密码，如果能匹配得上，说明旧密码正确 ，再进行两次输入 的判断 。

Ⅶ js验证输入框的密码是否正确

如果是只判断密码的长度或格式，就可以用正则表达式来判断
如果要验证密码是否与数据库中的值一致，则要用ajax配合后台程序来判断了。
具体方法网上很多，可以自己搜搜看，这里我就说下思路。如果再搞不定，再眯我吧。

Ⅷ 如何使用js代码判断密码框少于6位字符

<script>

function$(id){returndocument.getElementById(id);}

functiontrim(s){returns.replace(/(^s*)|(s*$)/g,"");}

functionLogin(){

varuser=$("user").value;

varpwd=$("pwd").value;

if(!trim(user)){alert("用户名不能为空");$("user").focus();returnfalse;}

if(!trim(pwd)){alert("密码不能为空");$("pwd").focus();returnfalse;}

if(pwd.length<6){alert("密码不能少于6位数");$("pwd").focus();returnfalse;}

if(pwd.length>16){alert("密码不能大于16位数");$("pwd").focus();returnfalse;}

$("loginform").submit();

}

</script>

<formname="loginform"id="loginform">

<inputtype="text"name="user"id="user"/>

<inputtype="password"name="pwd"id="pwd"/>

<inputtype="button"value="提交"onclick="Login();"/>

</form>

(8)前端js弱密码判断扩展阅读

判断密码强度是否有数字：

///</summary>

///<paramname="str">密码字符串</param>

functionJugePwdNumeric(sNum)

{

//三、数字:

//0分:没有数字

//10分:1个数字

//20分:大于等于3个数字

varcount=0;

for(vari=0;i<=sNum.length-1;i++)

{

//数字的KEYCODE96-105

if((sNum.charCodeAt(i)>=96)&&(sNum.charCodeAt(0)<=105))

{

count+=1;

}

}

if(count==0)

{

pwdLevel+=0;

}

else

{

hasNumeric=true;

if(count<3)

{

pwdLevel+=10;

}

else

{

pwdLevel+=20;

}

}

}

Ⅸ JS判断密码

function checkValue1(){
var spanpwdError=document.getElementById("pwdError");
var txtpwd=document.getElementById("pwd");
var reg1=/^[\w!@#$%^&*\(\)]+$/;
var reg2=/[!@#$%^&*\(\)]+/;
if(txtpwd.value==""){
spanpwdError.innerHTML="不能为空";
return false;
}
else{
if(txtpwd.value.length>=6 && txtpwd.value.length<=10)
{
if(!reg1.test(txtpwd.value) || !reg2.test(txtpwd.value)){
spanpwdError.innerHTML="输入不符合规格";
return false;
}
else{
spanpwdError.innerHTML="";
return true;
}
}
else{
spanpwdError.innerHTML="长度必须在6-10之间";
return true;
}
}
}
这个好像是说密码长度在6到10位，密码为数字，特殊符号，并且至少含一个特殊符号，呵呵，时间久了没加备注记得不清楚了，大概是那个意思，你参考下吧

Ⅹ js密码判断

你好帮你分析了一下 ,错误在不能像 p1.focus() ;这样有错误 应该用
document.getElementById("pwd1").focus() ; 我调试的代码如下:运行没有错误:

<script language="javascript">
function checkForm(){

var p1=document.getElementById("pwd1").value;
var p2=document.getElementById("pwd2").value;
if(p1!==p2) {
alert("密码不正确!") ;
document.getElementById("pwd1").focus(); //用上这一句之后如果输错了光标到不了下一个只能用键盘的tab移动光标
return false;
} else{
alert("密码输入正确");
return true;
}
}
</script>

</head>

<body>
<input type="text" id="pwd1" name="pwd1" value="" />
<input type="text" id="pwd2" name="pwd1" value="" onclick="checkForm();"/>

</body>

阅读全文

与前端js弱密码判断相关的内容

本站内容整理源于互联网，如有问题请联系解决。
Copyright design: www.gotrillian.com since 2022