查看示例：DEMO 打包下载 使用很简单。 代码如下: $(#pass).passwordStrength(); XHTML 代码如下: 请输入密码： 确认密码： 注意：id#passwordStrengthDiv的DIV是用来加载强度图片的，你也可以自定义ID，但调用时就要给参数赋值： 代码如下: targetDiv : #ID //自定义加载图片的ID 载入JS和CSS： 代码如下: $(function(){ $('#pass').passwordStrength(); }); JavaScript教程/参考手册 JavaScript热搜...
代码如下: .qiang{background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;} .zhong{background:url(/images/pas3.JPG) no-repeat;width:150px;height:40px;float:left;} .ruo{background:url(/images/pas2.JPG) no-repeat;width:150px;height:40px;float:left;} .ruox{background:url(/images/pas1.JPG) no-repeat;width:150px;height:40px;float:left;} .div1css{float:left;width:200px;} $(fun...
代码如下: 登录 $(document).ready(function(){ $(".text_login").focus(function(){ if($(this).val()=='user name' || $(this).val()=='password'){ $(this).val(''); } if($(this).attr('id')=='password1'){ $(this).hide(); $('#password2').show(); $('#password2').focus(); } }); $(".text_login").blur(function(){ if($(this).attr('id')=='password2' && $(this).val()==''){ $(this).hide(); $('#password1').show...
代码如下: //设置文本框和密码框得到焦点时的样式 $("#tblReg input[type=text],#tblReg input[type=password]").focus(function () { $(this).addClass("myFocus"); }).blur(function () { $(this).removeClass("myFocus"); }); 注意中间用逗号隔开
代码如下: $(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(); } } }); }); JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2...
代码如下: JQuery Code 代码如下: $(document).ready(function(){ if ($.cookie("rmbUser") == "true") { $("#ck_rmbUser").prop("checked", true); $("#username").val($.cookie("username")); $("#password").remove(); $("#pass").append(""); $("#password").val($.cookie("password")); } $("#loginButton").click(function(){ if(check()){ login(); } }); }); //记住用户名密码 function save() { if ($("#ck_rmbUser...
目前开发一个项目遇到一个很恶心的问题，本来在登陆界面输入用户名密码后登陆，选择记住密码后，在内容页里面的以及会把登陆界面输入的用户名密码填写在内容页里。而内容页是想建立新的子账户，这问题真叫一个恶心巴拉~~~ 当然，在火狐，IE8以上版本等高档次浏览器下不会出现这种情况。问题出在360！不负众望，本菜鸟经过了以下的尝试： 第一种：把浏览器里的自动填写密码取消掉。 很遗憾，这玩意对360毫无反应，尼玛，第一种尝试...
很久之前写了这个插件，基于jQuery实现的，主要用于IE下实现placeholder效果，可同时支持文本和密码输入框。 placeholder是HTML5新增的一个属性，当input设置了该属性后，该值的内容将作为灰色提示显示在文本框中，当文本框获得焦点时，提示文字消失。 下载地址：http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下：代码如下: (function($) {/*** 没有开花的树* 2012/11/28 15:12*/var placeholderfriend =...
本文实例讲述了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){if ((randomNumber >=33) && (randomNumber <=47)) { continue; }if...
本文实例讲述了jquery图形密码实现方法。分享给大家供大家参考。具体实现方法如下：代码如下:$(document).ready(function() {var n=0,y=['4','8','12','13','14','15','16'];for(var i=1;ivar Box='';$('#lower').append(Box);if(i$('#box_'+i+'').animate({left:100*i-100+"px"}, 0).show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"300px"}, 800).attr("num",i);}else if(i$('#box_'+i+'').animate({left:10...
Jquery将用户名密码存储到cookie中 需要导入jquery.js和jquery.cookie.jstest cookie$(document).ready(function () {if ($.cookie("rmbUser") == "true") {$("#ck_rmbUser").attr("checked", true);$("#txt_username").val($.cookie("username"));$("#txt_password").val($.cookie("password"));}});//记住用户名密码function Save() {if ($("#ck_rmbUser").attr("checked")) {var str_username = $("#txt_username").val();var s...
如何实现色条随输入密码长度变化效果: 在很多网站注册页面都有这样的功能，当用户输入密码的时候，下面会出现一个色条，色条的长度会跟随输入密码的长度变化，并且色条的颜色也会根据输入密码长度的不同有所改变，一般是用来提示密码强度。下面就简单介绍一下使用jQuery如何实现此功能。代码实例如下:脚本之家.box {width: 200px;height: 10px;border: 1px solid #CCC;margin-left: 58px; } .bg {height: 10px; }$(document).ready...
主要介绍使用jQuery实现带有校验密码强度的注册页面，当然要想生成一个漂亮的带有密码强度检验的注册页面要有相关插件和类库配合，具体内容如下： 相关的插件和类库complexify - 一个密码强度检验jQuery插件justgage - 一个兼容性良好的仪表盘类库 主要功能 注册中包含一个密码强度检验组件，用户需要设置一定强度的密码才可以注册 密码强度使用仪表盘类库justgage来显示，不同的强度的密码将显示不同的颜色 密码强度符合要求后，显...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考，具体如下： 这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级，有兴趣的朋友可以慢慢探究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-passwordStrength-...
本文实例讲述了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 (fal...