您的位置:

js密码强度代码(html密码强度)

js密码强度代码(html密码强度)

更新:

本文目录一览:

求一段js校验密码复杂度的代码 谢谢! 急急急!

function chk(s){//返回空串表示合格

if (s.length6) return '长度小于6位';

elseif (s.length12) return '长度大于12位';

elseif (! s.match(/[0-9]/)) return '没有数字';

elseif (! s.match(/[a-zA-Z]/)) return '没有字母';

else return '';

}

我的密码是大小写字母,数字,下划线组成。有大神能帮我设计一个用js来判断密码强度的代码吗?

var validate = function (str) {

    var res = 0;

    var patterns = [/[a-z]/, /[A-Z]/, /\d/, /[_]/];

    for (var i = 0; i  patterns.length; i += 1) {

        res += Number(patterns[i].test(str));

    }

    return res;

};

console.log(validate('User_007'));

这里大小写是2中不同的强度,0表示不符合,剩下的强度依次升高。

急!!!!选修课作业,实在是不懂,用js做一个判断密码强度的效果,求代码,求各位大神帮忙

我写的规则是 6位以上等级加1,12位以上加1,有小写英文或大写英文加1,大小写都有加2

!doctype html

html lang="en"

head

    meta charset="UTF-8"

    titleDocument/title

    style

        input{

            float: left;

        }

        .d1{

            float: left;

            width: 30px;

            height: 20px;

            border-radius: 8px;

            border: black solid 1px;

        }

    /style

/head

body

input onkeyup="fn()"div class="d1"/divdiv class="d1"/divdiv class="d1"/divdiv class="d1"/div

script

    var i = 0;

 function fn(){

     i=0;

     var val = document.getElementsByTagName('input')[0].value;

     var diArr = document.getElementsByTagName('div');

     for(var j=0;jdiArr.length;j++){

         diArr[j].style.background = "white";

     }

     console.log(val.length);

     if(val.length=6){

         

        diArr[i].style.background = "red";

         i++;

        if(/[a-z]/.test(val)  /[A-Z]/.test(val)){

            diArr[i].style.background = "red";

            i++;

            diArr[i].style.background = "red";

            i++;

        }else if(/[a-z]/.test(val) || /[A-Z]/.test(val)){

             diArr[i].style.background = "red";

             i++;

         }

         if(val.length = 12){

             diArr[i].style.background = "red";

             i++;

         }

     }

 }

/script

/body

/html

js密码强度校验的正则表达式

使用组合的形式:

纯数字 /\d+/

纯字母小写/[a-z]+/

纯字母大写/[A-Z]+/

纯特殊符号/[~!@#\$%^*\(\)\{\};,.\?\/'"]/

假设1-4的权重分别为2,4,8,16;

则拿1-4分别检测用户的密码,如果有,则或上相应的权重。

然后看这个数字是处于2-30之间,然后根据这个数算出强度即可

JS实现校验密码强度

/*

*@description 校验密码强度的方法

*@param {String} val 待校验强度的密码

*@return {Number} 密码强度等级,数字越大强度越高

*/

function checkPwd(val){

    var res = 2;

    // 长度不低于6位和12位,强度分别+1和+2

    res += val.length = 6 ? 1 : 0;

    res += val.length = 12 ? 2 : 0;

    // 包含小写字母,强度+1或+2

    res += /[a-z]/.test(val) ? (val.length 8 || /\d{4}/.test(val) ? 1 : 2) : 0;

    // 包含大写字母,强度+1或+2

    res += /[A-Z]/.test(val) ? (val.length 8 || /\d{4}/.test(val) ? 1 : 2) : 0;

    // 包含特殊字符,强度+1或+2

    res += /[^a-zA-Z\s\d]/.test(val) ? (val.length 8 || /\d{4}/.test(val) ? 1 : 2) : 0;

    return Math.floor(res / 2);

}

用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;i4;i++){

if (num 1) modes++;

num=1;

}

return modes;

}

//checkStrong函数

//返回密码的强度级别

function checkStrong(sPW){

if (sPW.length=4)

return 0; //密码太短

Modes=0;

for (i=0;isPW.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密码强度代码(html密码强度)

本文目录一览: 1、求一段js校验密码复杂度的代码 谢谢! 急急急! 2、我的密码是大小写字母,数字,下划线组成。有大神能帮我设计一个用js来判断密码强度的代码吗? 3、急!!!!选修课作业,实在是不

2023-12-08
密码强度检测

2023-05-19
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
基于真实的php密码强度估算库(密码强度计算)

2022-11-13
校验两次密码一致的js代码(js密码复杂度校验)

本文目录一览: 1、在Js中判断2次输入的密码是否一致 2、如何用javascript判断在修改密码时输入的旧密码是否正确以及两次输入新密码是否一样 3、js判断两次密码是否一致且密码不能为空 4、用

2023-12-08
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
密码java,密码james

2023-01-03
java密码,java密码加密解密

2023-01-08
js代码解密代码文档介绍内容(易语言js解密教程)

本文目录一览: 1、关于 JS l1ll 代码解密 2、js代码解密 急求 3、计算机代码Js解密 4、js怎么解密,js解密工具js怎么查看这些代码麻烦给解决一下 5、js代码解密 关于 JS l1

2023-12-08
js隐藏密码实例,js显示密码与隐藏密码

本文目录一览: 1、angularjs 显示和隐藏密码 2、网页js隐藏密码 3、怎么隐藏JS中的加密代码,怎么让别人看不出你的JS加过密? 4、JS隐藏号码中间4位代码实例 angularjs 显示

2023-12-08
html中的js代码的简化,html代码简单

本文目录一览: 1、html文件中有一段JS代码,如何把这段JS代码单独写成一个JS文件,然后在html中调用它呢 2、如何将js 输出到html源码中? 3、在html中直接写js代码好,还是导入j

2023-12-08
jsp判断密码代码,jsp确认密码

2022-11-24
java之电话号码加密(密码加密java)

2022-11-12
java密码加盐加密,java密码加密代码

2023-01-06
c运行js加密代码,c语言加密程序代码

本文目录一览: 1、js如何加密源代码,页面样式全部用js写,如何操作? 2、急求破解一段加密JS代码 3、如何对JS代码加密 4、JS加密方法 5、介绍一点js加密的方法 js如何加密源代码,页面样

2023-12-08
js常考代码,js常见笔试题

2022-11-23
浏览js代码的app(html的js代码)

本文目录一览: 1、android 有什么工具查看手机上的js代码布局 2、运行一个代码所需要的软件? 3、哪些JavaScript IDE最好用 4、如何在手机上查看html、css、js、PHP文

2023-12-08
js代码中script,js代码中的问号是什么意思

本文目录一览: 1、javascript中script的SRC属性 2、JS代码里加载script代码,并隐藏其内容怎么弄呢? 3、使用javascript必须使script标签吗 javascrip

2023-12-08
js代码网页代码(js代码网页代码大全)

本文目录一览: 1、网页如何调用js代码?? 2、什么是JS代码? 3、html代码和JS代码有什么区别 4、如何查看网页js代码 5、怎样在网页中插入JavaScript代码 6、JS 获得网页代码

2023-12-08
js保存html代码(html怎么保存代码)

本文目录一览: 1、JS实现保存当前网页HTML到本地 2、如何把JS文件添加到HTML里?JS代码如图: 3、怎么把调用的js代码放在html中 JS实现保存当前网页HTML到本地 1.保存本页面

2023-12-08