`
deepsea131
  • 浏览: 27879 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

jQuery密码强度验证

阅读更多

本来是英文版的,我改了一点,提示什么的都是中文的了,

从这里下载 http://www.51jquery.com/js/jquery.pstrength.js 强度验证插件!然后在网页中引用jquery文件和这个插件

XML/HTML代码
  1. <script src="/js/jquery.js" type="text/javascript"></script>      
  2. <script type="text/javascript" src="/js/jquery.pstrength.js"></script>   

然后使用以下函数

JavaScript代码
  1. jQuery(document).ready(function(){       
  2.       jQuery('#password1').pstrength();     
  3. });    

#password是你的密码框ID

根据你的情况不同,你可以自定义你的密码强度,我定义的是这样的
 

JavaScript代码
  1. $.extend($.fn, {   
  2.         pstrength: function(options) {   
  3.             var options = $.extend({   
  4.                 verdects: ["很不安全""不安全""一般""安全的""非常安全"],   
  5.                 colors: ["#f00""#c06""#f60""#3c0""#3f0"],   
  6.                 scores: [10, 15, 30, 40],   
  7.                 common: ["password""sex""god""123456""123""liverpool""letmein""qwerty""monkey"],   
  8.                 minchar: 6   
  9.             }, options);  

 效果如下:

  • 大小: 16 KB
分享到:
评论
2 楼 suiye007 2010-03-09  
我需要的是你的样式啊。。。
1 楼 loocao 2009-05-15  
链接打不开了啊?

相关推荐

    jquery密码强度验证

    `jQuery`作为一款广泛使用的JavaScript库,提供了便捷的方式来增强用户体验并实现复杂的前端功能,其中包括密码强度验证。本篇文章将深入探讨如何使用jQuery实现密码强度验证,并针对描述中的6、7、8位密码长度进行...

    漂亮易用的jQuery密码强度验证插件

    一个漂亮易用的jQuery密码强度验证插件,随着密码强度的改变而改变密码输入的颜色

    jquery 密码强度验证

    jquery 密码强度验证 输入密码 系统自动验证密码强度

    asp.net Jquery密码强度验证

    在描述中提到的“绝对好用漂亮的Jquery密码强度验证”可能包括以下组件: 1. **jQuery插件**:通常,这类验证会使用第三方的jQuery插件,如`zxcvbn`、`password-strength-meter`或`jQuery.pwstrength.bootstrap`等...

    jQuery密码强度验证代码.zip

    标题中的“jQuery密码强度验证代码.zip”表明这是一个包含使用jQuery实现的密码强度验证功能的代码资源。这个资源可能是一个完整的JavaScript库或者一个简单的脚本,用于网页上的用户输入验证,特别是针对密码安全性...

    jQuery密码强度检测代码

    下面是一个简单的jQuery密码强度检测实现示例: ```javascript $(document).ready(function() { var $passwordInput = $('#password'), // 密码输入框 $strengthIndicator = $('#password-strength'), // 密码...

    jQuery输入密码强度验证代码

    在这个场景中,我们利用`jQuery`来实现一个密码强度验证功能,帮助用户创建更安全的密码。 标题中的“jQuery输入密码强度验证代码”指的是利用`jQuery`来编写一段脚本,实时监测用户在密码输入框中输入的内容,并...

    jQuery输入密码强度验证代码.zip

    总结来说,这个压缩包提供的是一套完整的jQuery密码强度验证解决方案,涵盖了前端开发的多个方面,包括DOM操作、事件处理、JavaScript逻辑、CSS样式和动画效果。对于学习和实践jQuery以及前端验证技术的开发者来说,...

    jquery密码强度检测_密码强度验证_密码强度正则表达式代码_动画效果

    本文将详细讲解如何使用jQuery实现密码强度检测,包括密码强度验证、正则表达式代码以及相关的动画效果。 首先,密码强度检测的核心在于设计一套合理的规则来评估用户输入的密码是否足够强大。通常,我们会根据以下...

    jQuery密码强度验证控件使用详解

    jQuery密码强度验证控件是一种常见的前端开发工具,用于在用户输入密码时实时评估其安全性。这个控件通过分析密码的复杂性,如包含的字符种类(数字、字母、特殊符号)和长度,来判断密码的强度,并以视觉方式向用户...

    jquery密码强度效果

    本项目"jquery密码强度效果"就是针对这一需求而设计的,它利用jQuery库和正则表达式来评估用户输入的密码强度,并通过视觉反馈向用户展示密码的安全级别。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    在本文中,我们将深入探讨`jQuery Validate`插件的一个实用示例,该示例涉及到密码验证,同时还提供了密码强度的实时显示。`jQuery Validate`是一个非常流行且功能强大的JavaScript库,用于验证HTML表单中的输入数据...

    jquery验证密码强度

    另外,我们还可以使用插件来增强密码强度验证的功能,比如jQuery Password Strength插件。这些插件通常会提供更丰富的反馈,如进度条、颜色变化等,以帮助用户更好地理解他们的密码强度。 标签“源码”和“工具”...

    基于JQuery的密码强度验证代码

    基于JQuery的密码强度验证是利用了JQuery这个轻量级的JavaScript库来实现的客户端密码强度检测功能。它通过编写特定的JavaScript代码来增强用户在网页上输入密码时的安全性检查。密码强度验证的目的是为了引导用户...

    jQuery密码强度验证插件

    **jQuery密码强度验证插件** 在网页开发中,用户安全是至关重要的,特别是涉及密码输入时。为了确保用户的密码强度,开发者通常会采用密码强度验证工具。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、...

    jQuery密码强度验证代码

    jQuery密码强度验证代码是一款jQuery基于SVG制作的带密码强度验证提示输入框,支持密码显示或隐藏。

    基于jquery的密码强度的验证

    标题中的“基于jQuery的密码强度验证”是指一种利用JavaScript库jQuery实现的密码安全评估功能。在Web应用中,用户输入的密码强度验证是确保账户安全的重要环节,它可以帮助用户创建更复杂的密码,防止轻易被破解。 ...

Global site tag (gtag.js) - Google Analytics