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

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/227554.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-09 16:30
下一篇 2024-12-09 16:30

相关推荐

  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述,力求让读者深刻理解Python基础代码。通过本文的学习,相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29
  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前,我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面: 1、库存管…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面,为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手,选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29
  • Python实现简易心形代码

    在这个文章中,我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍,逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29
  • 怎么写不影响Python运行的长段代码

    在Python编程的过程中,我们不可避免地需要编写一些长段代码,包括函数、类、复杂的控制语句等等。在编写这些代码时,我们需要考虑代码可读性、易用性以及对Python运行性能的影响。…

    编程 2025-04-29
  • 北化教务管理系统介绍及开发代码示例

    本文将从多个方面对北化教务管理系统进行介绍及开发代码示例,帮助开发者更好地理解和应用该系统。 一、项目介绍 北化教务管理系统是一款针对高校学生和教职工的综合信息管理系统。系统实现的…

    编程 2025-04-29

发表回复

登录后才能评论