jquery判断密码强度的验证代码

本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下:
预想的效果截图如下:  

JS代码:

$('#pass').keyup(function(e) {
 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
 var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
 var enoughRegex = new RegExp("(?=.{6,}).*", "g");
 if (false == enoughRegex.test($(this).val())) {
 $('#passstrength').html('More Characters');
 } else if (strongRegex.test($(this).val())) {
 $('#passstrength').className = 'ok';
 $('#passstrength').html('Strong!');
 } else if (mediumRegex.test($(this).val())) {
 $('#passstrength').className = 'alert';
 $('#passstrength').html('Medium!');
 } else {
 $('#passstrength').className = 'error';
 $('#passstrength').html('Weak!');
 }
 return true;
});

页面:

<input type="password" name="pass" id="pass" />
<span id="passstrength"></span>

以上就是jquery判断密码强度的验证代码,大家可以应用到自己的项目中,希望大家喜欢。

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。

Jquery easyui 实现动态树 - 2015-11-19 18:11:15

在上篇文章给大家介绍了 jquery中EasyUI实现异步树 ,本文给大家介绍jquery easyui实现动态树。 首先是在jsp页面中引入相关的js文件 在body中加入流程列表,通过后天拼接json数据 具体内容请看下面代码详情吧。 首选在jsp页面中引入相关的js link rel="stylesheet" type="text/css" href=#> 添加script script $(function(){ $('#tt2').tree({ checkbox: false, url: '%=

jquery实现简单的表单验证 - 2015-11-19 18:11:15

jquery如何实现简单的表单验证,我们先跟大家分享一下实现思路。 大概思路: 先为每一个required添加必填的标记,用 each() 方法来实现。 在each()方法中先是 创建一个元素, 然后通过 append()方法 将创建的元素加入到父元素后面。 这里面的 this 用的很精髓,每一次的this都对应着相应的input元素,然后获取相应的父元素。 然后为 input 元素添加失去焦点事件。然后进行用户名、邮件的验证。 这里用了一个 判断is() , 如果是用户名,做相应的处理,如果是邮件做相应
邮箱的广泛使用得益于它的免费,因此很多网站在注册的时候都会直接使用邮箱作为账号名 为了提高用户的体验,很多网站都会实现邮箱输入的自动提示功能,所有自己也实现了一个,先看下效果吧,觉得效果还行的就拿去 核心代码(需要jquery的支持): (function($){ $.fn.mailAutoComplete = function(options){ var defaults = { boxClass: "mailListBox", //外部box样式 listClass: "mailListDefault
1、正则仅仅就是用来处理字符串的:匹配、捕获 匹配:验证当前的字符串是否符合我们的规则(每一个正则都是一个规则) 捕获:在整个字符串当中,把符合规则的字符都依次的获取到---exec、match、replace 2、正则的组成:元字符、修饰符 元字符: 特殊意义的元字符: \d匹配一个0-9的数字相当于[0-9],和它相反的 \D匹配一个除了0-9的任意字符相当于【】 \w匹配一个0-9、a-z、A-Z_ 的数字或字符,相当于[0-9a-zA-Z_] 、 \s匹配一个空白字符(空格、制表符。。。) \b匹
本文实例讲述了JS封装cookie操作函数。分享给大家供大家参考,具体如下: /*设置cookie*/function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate;};/*使用方法:setCookie('user', 'simon', 11);*//*获取cookie*/fun
本文实例讲述了javascript实现省市区三级联动下拉框菜单代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 首先写一个静态的页面: !DOCTYPE htmlhtmlheadtitleQQ JS省市区三级联动/title!-- 使用QQ的省市区数据 --!--script type="text/javascript" src="http://ip.qq.com/js/geo.js"/script--script type="text/javascript" src="geo.js"/scri

JS实现选项卡实例详解 - 2015-11-19 14:11:40

本文实例讲述了JS实现选项卡的方法。分享给大家供大家参考,具体如下: 思路:选项卡就是点击按钮切换到相应内容,其实就是点击按钮把内容通过display(block none)来实现切换的。 1、首先获取元素。 2、for循环历遍按钮元素添加onclick 或者 onmousemove事件。 3、因为点击当前按钮时会以高亮状态显示,所以要再通过for循环历遍把所有的按钮样式设置为空和把所有DIV的display设置为none。 4、把当前按钮添加样式,把当前DIV显示出来,display设置为block。

jquery表单验证需要做些什么 - 2015-11-19 14:11:38

一、当元素失去焦点时发生blur 事件。 实例:jQuery blur() 方法 添加函数到 blur 事件。当 input 字段失去焦点时发生 blur 事件: $("input").blur(function(){alert("This input field has lost its focus.");}); 定义和用法 当元素失去焦点时发生 blur 事件。 blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。 提示: 该方法常与 focus() 方法一起使用。 语法
先给大家说下问题背景:最近在做一个项目,开发微信的某个功能,使用的是asp.net开发,jquery1.8.0版本。 在微信中点击按钮触发事件,调用ajax与服务器端进行交互,回调函数走的是error。 分析原因: 首先我想到的是返回的数据类型有问题,因为在jquery 版本在1.4以上对json的格式非常严格,需要符合{"target":true,"message":"成功"}这样的格式。用JSON.stringify()函数分析了response对象,结果符合,排除了原因。 既然ajax 走的是err
本文详细讲述了12种JavaScript常用的MVC框架。分享给大家供大家参考,具体如下: Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在 博客 中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。 此次比较针对的特性标准有四种,分别是: ① UI绑定(UI Bindings) ② 复合视图(Composed Views) ③ Web表现层(Web Presentation Layer) ④ 与其他