當前位置：首頁 » 網頁前端 » 前端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