js使用正则进行密码强度验证-js教程-PHP中文网

首页

web前端

js教程

js使用正则进行密码强度验证

php中世界最好的语言

Apr 18, 2018 am 10:24 AM

javascript 密码强度

这次给大家带来js使用正则进行密码强度验证，js使用正则进行密码强度验证的注意事项有哪些，下面就是实战案例，一起来看一下。

具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>密码强度验证</title>
</head>
<style type="text/css">
  body {
    background: #ccc;
  }
  label {
    width: 40px;
    display: inline-block;
  }
  span {
    color: red;
  }
  .container {
    margin: 100px auto;
    width: 400px;
    padding: 50px;
    line-height: 40px;
    border: 1px solid #999;
    background: #efefef;
  }
  span {
    margin-left: 30px;
    font-size: 12px;
  }
  .wrong {
    color: red
  }
  .right {
    color: green;
  }
  .strengthLv0 {
    height: 6px;
    width: 120px;
    border: 1px solid #ccc;
    padding: 2px;
  }
  .strengthLv1 {
    background: red;
    height: 6px;
    width: 40px;
    border: 1px solid #ccc;
    padding: 2px;
  }
  .strengthLv2 {
    background: orange;
    height: 6px;
    width: 80px;
    border: 1px solid #ccc;
    padding: 2px;
  }
  .strengthLv3 {
    background: green;
    height: 6px;
    width: 120px;
    border: 1px solid #ccc;
    padding: 2px;
  }
</style>
<body>
<p class="container">
  <label>密码</label>
  <input type="text" id="inp1" maxlength="16">
  <!--<input type="password" id="inp1" maxlength="16"/>-->
  <p class="pass-wrap">
    <em>密码强度：</em>
    <em id="strength"></em>
    <p id="strengthLevel" class="strengthLv0"></p>
  </p>
</p>
<script>
  var regEx = /^[1-9]\d{4,9}$/; //匹配qq号
  //找人
  var inp1 = document.getElementById("inp1");
  var strength = document.getElementById("strength");
  var strengthLevel = document.getElementById("strengthLevel");
  var arr = ["", "低", "中", "高"];
  inp1.onkeyup = function () {
    var level = 0;
    if (/[1-9]/.test(this.value)) {
      level++;
    }
    if (/[a-z]/.test(this.value)) {
      level++;
    }
    if (/[^a-z1-9]/.test(this.value)) {
      level++
    }
    if (this.value.length < 6) {
      level = 0;
    }
    strength.innerHTML = arr[level];
    strengthLevel.className = "strengthLv" + level;
  };
  /* inp1.onkeyup = function () {
   var level = 0;
   if (/[1-9]/.test(this.value)) {
   level++;
   }
   if (/[a-z]/.test(this.value)) {
   level++
   }
   if (/[^a-z0-9]/.test(this.value)) {
   level++
   }
   if (inp1.value.length < 6) {
   level = 0;
   }
   strengthLevel.className = "strengthLv"+level;
   strength.innerHTML = arr[level];
   };*/
</script>
</body>
</html>

登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7518

CakePHP 教程

1378

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

win11提示若要继续,请输入管理员用户名和密码怎么解决? Apr 11, 2024 am 09:10 AM

当使用Win11系统时，有时候会遇到需要输入管理员用户名和密码的提示，本文将探讨在遇到这种情况时应该如何处理。方法一：1、点击【Windows徽标】，然后按【Shift+重启】进入安全模式；或者这样进入安全模式：点击开始菜单，选择设置。选择“更新和安全”；选择“恢复”中的“立即重启”；重启进入选项后选择——疑难解答——高级选项——启动设置—&mdash

如何使用手机设置路由器WiFi密码（以手机为工具） Apr 24, 2024 pm 06:04 PM

无线网络已经成为人们生活中不可或缺的一部分、在当今数字化的世界中。保护个人无线网络的安全性却显得尤为重要、然而。设置一个强密码是确保你的WiFi网络不被他人侵入的关键。保障你的网络安全，本文将详细介绍如何使用手机来修改路由器WiFi密码。1.打开路由器管理页面-在手机浏览器中打开路由器管理页面、通过输入路由器的默认IP地址。2.输入管理员用户名和密码-以获得访问权限，在登录页面中输入正确的管理员用户名和密码。3.导航到无线设置页面-查找并点击进入无线设置页面，在路由器管理页面中。4.找到当前Wi

如何为您的Microsoft帐户使用Passkey Feb 19, 2024 am 11:03 AM

Passkey是一种更高级和安全的登录方式，可与Microsoft账户一起使用。本文将指导您如何在Microsoft账户中使用Passkey，介绍其优势以及与密码的区别。在深入细节之前，我们强调，如果您经常忘记密码或需要快速登录，Passkey通常会更适合您。什么是Passkey？它们与密码有什么不同？密码是一种高级且安全的身份验证方式，可以代替传统的密码登录方式。每个应用程序都有独特的密钥，确保安全性，防止网络钓鱼等威胁。用户可以通过电子邮件和密码确认身份，也可使用面部识别、指纹或安全密钥进行

密码不正确，小心BitLocker警告 Mar 26, 2024 am 09:41 AM

本文将探讨如何解决密码错误的问题，特别是在处理BitLocker警告时需要小心。当在BitLocker中多次输入错误密码以解锁驱动器时，就会触发这个警告。通常，这个警告出现是因为系统设定了限制错误登录尝试的策略（通常是允许3次登录尝试）。在这种情况下，用户会收到相应的警告信息。完整的警告信息如下:输入的密码不正确，请注意-连续输入错误密码会导致账户被锁定，这是为了保护您的数据安全。如果需要解锁账户，您将需要使用BitLocker恢复密钥。密码不正确，小心BitLocker警告当您登录计算机时收到

如何立即取消Windows 10的锁屏密码 Jan 09, 2024 pm 03:33 PM

升级了win101909系统后，可能有的小伙伴们会有想要取消自己电脑锁屏密码的需求。如果不知道应该怎么做的话，小编觉得我们可以在电脑的设置窗口中找到账户选项，具体方法一起来看看吧。win101909如何取消锁屏密码：1、首先按Win+I打开设置界面。2、然后找到账户--登录选项，再进行如图设置即可。win101909取消开机密码登录的方法：1、在运行中执行regedit打开注册表，定位至如下路径：HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\Cu

手机修改wifi密码教程（简单操作） Apr 26, 2024 pm 06:25 PM

无线网络已经成为我们生活中不可或缺的一部分、随着互联网的快速发展。为了保护个人信息和网络安全，定期更改wifi密码是非常重要的、然而。帮助大家更好地保护家庭网络安全，本文将为大家介绍如何利用手机修改wifi密码的详细教程。1.了解wifi密码的重要性wifi密码是保护个人信息和网络安全的道防线，在网络时代、了解其重要性可以更好地理解为什么需要定期修改密码。2.确认手机连接到wifi首先确保手机已连接到要修改密码的wifi网络上，在修改wifi密码之前。3.打开手机设置菜单进入手机的设置菜单、在手

Win10密码不满足密码策略要求咋办? 电脑密码不满足策略要求解决办法 Jun 25, 2024 pm 04:59 PM

在Windows10系统中，密码策略是一套安全规则，确保用户设置的密码符合一定的强度和复杂性要求，而系统提示您的密码不满足密码策略要求则通常意味着您的密码没有达到微软设定的复杂度、长度或字符种类的标准，那么这种情况要如何避免呢？用户们可以直接的找到本地计算机策略下的密码策略来进行操作就可以了，下面就一起来看看吧。不符合密码策略规范的解决方法修改密码长度：根据密码策略要求，我们可以尝试增加密码的长度，比如将原来的6位密码改为8位或更长。添加特殊字符：密码策略通常要求包含特殊字符，如@、#、$等。我

win10电脑开机密码忘记了怎么进入系统_win10电脑忘记开机密码的处理方法 Mar 28, 2024 pm 02:35 PM

1、在另一台电脑上下载安装小白一键重装系统工具，插入空u盘制作u盘启动盘，具体的教程可以参照：2、把U盘启动盘插到需要更改密码的电脑重启，按启动热键，一般启动热键是F12、F8、F9、F10、ESC其中一个。接着出现启动界面，选择U盘的选项回车进入。3、选择【1】启动win10x64PE按回车确定。4、选择桌面上的密码修改的工具，双击打开。5、接着出现账户名列表，选中需要更改密码的账户打开。6、点击下方的修改密码命令，输入两次新的密码，然后点击OK，保存更改。7、最后拔掉U盘，重启电脑就可以正常

See all articles

js使用正则进行密码强度验证

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题