整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

实用的密码强度检查效果

实用的密码强度检查效果

码强度检查是很多网站登录注册界面经常用到的功能,本例主要讲解如何实现该功能!效果图如下:

实现代码:

html:

css:

js:

码的安全强度进行判断是在JavaScript脚本中,应用正则表达式来完成的。

avascript可以立即对密码进行强度检查,而无需与服务器通信或在浏览器上运行脚本时刷新页面。

互联网开始是一种连接多台计算机并在它们之间架起交互桥梁的方式,而不管它们之间的距离和设备类型有多大。

互联网的一种共同语言已经形成,它使不同的网络能够交流和共享数据,从而形成我们现在所居住的相互连接的世界。今天,我们在互联网上可以做许多事情,无论是银行、购物、约会,更多的时候,我们都在漫不经心地刷抖音视频。

众所周知,这些网站拥有敏感的用户数据,一旦被错误的人访问,可能会给网站用户和相关公司带来巨大的破坏。当然,为了避免这个问题,网站要求你在第一次访问网站时添加一个强密码。

密码越来越奇怪了

随着计算机越来越强大,破解密码的能力也越来越强。因此,建议您在密码中添加不同类型的字符。

这也反映在新登录进程的表单字段中,因为它们声明必须添加诸如大写单词(A)、小写单词(m)、数字(7)、特殊字符(_、&、%、/)和最小总字符数(8-15)等字符。

但是,这些表单域如何评估密码的强度,并确定您是否成功地勾选了所有条件,因为它没有在本地服务器上存储您每次尝试创建的新密码?

如何在表单字段上立即发生而不延迟或刷新网页?

让我们看看如何实现这种无缝交互。

密码在哪里评估?

首先,让我们简单介绍一下网站是如何工作的。网站由一组单独的网页组成,这些网页相互连接以显示网站的不同部分。网页使用文本、图像、视频、链接、交互字段和按钮来与您(碰巧登陆该域的人)进行通信。

就像我们身体的视觉和功能表现(头发的颜色,蛋白质如何被分解成氨基酸)是由基因代码(DNA)组成的,网站的视觉和功能表现(标题的颜色是什么,它如何推荐相似的产品)也是用数字代码(HTML,CSS,JavaScript、PHP等)组成。

网站托管在共享服务器上

当您在浏览器(头条、百度等)上输入网址,浏览器从web服务器所在的位置获取组成网站的代码,并在屏幕上显示这些信息。每次重新加载屏幕或单击网站的新页面时,都会执行此过程。

请注意,当您登录到一个新网站,并开始创建新登录名和密码的过程时,只有单击“注册”按钮,网页才会重新加载。网页在不与服务器通信的情况下检查密码的强度,因为代码通过您正在使用的web浏览器,并在您的计算机存储上执行。之所以能执行该操作,是因为有一段用一种叫做JavaScript的语言编写一小段程序代码。

javascript使网站具有交互性

什么是Javascript,它如何评估您的密码?

Javascript是一种面向对象的编程语言,它与HTML和CSS一起构成了构建互联网的核心技术。它用于向网站添加交互性,主要用于管理面向客户端的网页行为,这意味着它负责网页与您的通信,反之亦然。

对于网页上的即时交互(例如,单击按钮时的动画、检查用户名是否已存在等),Javascript在用于访问网站而不是服务器的web浏览器上运行。这种快速的交互可以为一个骨架式的站点添加许多字符,使其更为用户友好,对访问者来说是一种难忘的体验。

Javascript可以编程来监视用户要在哪些字段上输入数据。可以为用户可能输入的任意数量的字段设置特定的逻辑,Javascript会相应地响应这些字段。

在设置新密码的情况下,可以为要求用户形成密码的字段添加条件,包括:

  • 大写单词(A、B、C)
  • 小写单词(a、b、c)
  • 数字(1,2,3)
  • 特殊字符(},_,#,&,%,/)
  • 密码的特定长度(8-15个字符)

已编程的脚本将继续监视输入的密码字段,并运行它的字符列表,这些字符必须添加到您的输入中。如果其中任何一个丢失,脚本将显示一条错误消息,说明您未能在密码中添加哪些字符。

Javascript在浏览器上运行时启用密码检查。

它还会根据密码的复杂性来衡量密码的强度;使用的字符越多,破解密码就越困难。

结束语

尽管这种方法被广泛使用,但许多网站都选择使用单点登录(SSO)系统进行用户访问。SSO使第三方网站能够使用来自微信、QQ、Google、Facebook、Twitter等的用户帐户,进行身份验证和访问者的安全登录,而无需为该网站专门创建新帐户,从而消除了保存用户日志的麻烦。

这很直观;随着你访问的需要认证的网站数量的增加,你需要记住的密码数量也会增加,谁喜欢这样做?

然而,这种密码验证方法并不会完全消失,因为许多网站还希望为其用户(网上银行、股票交易等)提供一个独立的入口,因此您不得不继续吃核桃,以保持足够强大的记忆力,来记住这些多字符密码。