下个月就要过年了,感觉有点瞎忙。翻了翻博客,感觉这个月都在打酱油啊。借口那么多,其实真的有点懒了,呵呵!我争取在放假前,将自我总结以及来年计划发出来,把自己打造为勉族,不然真要浑噩度日了。前几天,项目有个功能和某宝购物支付密码的输入框有点类似,就自己写了这篇博文,权当总结笔记吧。啰嗦半天了,直接上代码: 结构层: <div><div>请在下方输入6位数字</div><div class="ipt-box-nick"><input type="tel" maxleng...
jQuery Password Validation(密码验证)插件扩展了 jQuery Validate 插件,提供了两种组件: 一种评价密码的相关因素的功能:比如大小写字母的混合情况、字符(数字、特殊字符)的混合情况、长度、与用户名的相似度(可选的)。 一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。 您可以简单地自定义强度显示的外观、本地化消息显示,并集成到已有的表单中。 该插件目前版本是 1.0.0。 使用方式 如需使...
passwordStrength插件能够根据用户输入的密码,以图形化方式显示密码的强度。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>passwordStrength</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="jquery-2.1.0.min.js"></script> <script type="text/javascript" src="passwordStrength.js"></script> <sc...
什么是 jQuery EasyUI jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。 easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。 使用 easyui,您不需要写太多 javascript 代码,一般情况下您只需要使用一些 html 标记来定义用户界面。 HTML 网页的完整框架。 easyui 节省了开发产品的时间和规模。 easyui 非常简单,但是功能非常强大。...
本文实例讲述了jquery密码强度校验的验证代码,分享给大家供大家参考。具体如下: 预想的效果截图如下:关键代码: <script>//下面的正则表达式建议各位收藏哦,项目上有可能会用得着 $(function(){ $(#pass).blur(function(e) {// alert(---------);//密码为八位及以上并且字母数字特殊字符三项都包括var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");//密码为七位及以上并且字母...
Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个输出框中值相等的验证,所以我做了下扩展。 $.extend($.fn.validatebox.defaults.rules, { /*必须和某个字段相等*/ equalTo: { validator:function(value,param){ return $(param[0]).val() == value; }, message:字段不匹配 } }); 使用示例: 密码: <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" require...
本文实例讲述了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,}).*", "...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下: 这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中,实现此功能的重点和难点就是通过正则进行判断等级,有兴趣的朋友可以慢慢探究。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/jquery-passwordStrength-...
如何实现色条随输入密码长度变化效果: 在很多网站注册页面都有这样的功能,当用户输入密码的时候,下面会出现一个色条,色条的长度会跟随输入密码的长度变化,并且色条的颜色也会根据输入密码长度的不同有所改变,一般是用来提示密码强度。下面就简单介绍一下使用jQuery如何实现此功能。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>脚本之家</title> <style type="text/css"> .box {width: 200px;...
本文实例讲述了jquery图形密码实现方法。分享给大家供大家参考。具体实现方法如下:代码如下:<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var n=0,y=[4,8,12,13,14,15,16]; for(var i=1;i<=16;i++){ var Box=<span id="box_+i+" class="box" num="0"></span>; $(#lower).append(Box); if(i<=4){ ...
本文实例讲述了jQuery随机密码生成的方法。分享给大家供大家参考。具体实现方法如下:代码如下:$.extend({ password: function (length, special) { var iteration = 0; var password = ""; var randomNumber; if(special == undefined){ var special = false; } while(iteration < length){ randomNumber = (Math.floor((Math.random() * 100)) % 94) + 33; if(!special){ ...
很久之前写了这个插件,基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框。 placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失。 下载地址:http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下:代码如下: (function($) { /** * 没有开花的树 * 2012/11/28 15:12 */ var p...
代码如下:<div> <input id="username" type="text" class="txt1" value="请输入用户名" onclick="if(this.value==请输入用户名){this.value=; }" onfocus="if(this.value==请输入用户名){this.value=; }" /> <input id="password" type="text" class="txt2" value="请输入密码" onclick="if(this.value==请输入密码){this.value=;this.type=password;}" onfocus="if(this.value==请输入密码){this.value=;this.type=password;}"/> ...
代码如下:<html> <head> <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function(){ $("#chk").bind({ click: function(){ if($(this).attr("checked")){ $("#passwd2").val($("#passwd").val()); $("#passwd").hide(); $("#passwd2").show(); }else{ $("#passwd").val($("#passwd2").val()); $("#passwd2").hide(); $("#passwd").show(); } } }); }); </script> </head...
代码如下://设置文本框和密码框得到焦点时的样式 $("#tblReg input[type=text],#tblReg input[type=password]").focus(function () { $(this).addClass("myFocus"); }).blur(function () { $(this).removeClass("myFocus"); }); 注意中间用逗号隔开