不知道怎么描述标题,先看截图吧,大致的效果就是一个框输入一位密码。最开始实现的思路是一个小方框就是一个type为password的input,每输入一位自动跳到下一位,删除一位就自动跳到前一位,android上是OK的,很平滑也没有bug,但是ios上会出现键盘频繁调起和关闭,非常影响用户体验。原因估计是每个input会不断的focus和blur,每次focus会调起键盘,blur又会关闭键盘,so....此方案肯定不行了。 PM非要实现这种效果,木有办法~拗不...
这篇文章主要介绍了js实现密码强度检测的相关实例,第一个例子给出了全部代码,可以直接运行,第二个例子只给出了js代码,感兴趣的码农可以自己完成第二个实例。 第一个实例 这段JavaScript代码比较实用,它完成用户注册时判断用户输入密码的强度,分强、弱、中三等级,它可以根据用户输入的密码显示对应的密码强弱等级,方便用户改进输入。 实现代码:JS判断密码强度//判断输入密码的类型 function CharMode(iN){ if (iN>=48 &&...
本文实例讲述了JS密码生成与强度检测的方法。分享给大家供大家参考,具体如下:1. 生成强密码截图如下:相关代码如下:function getPwd(n) {var s = ;while(n--)s += String.fromCharCode(33 + Math.floor(Math.random()*(126-33)))document.getElementById(txt1).value = s; }2. 计算密码破解时间截图如下:相关代码如下:function getTime() {var str = 预计破解用时:;var selChar = document.getElementById(selChar);var txtP...
本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法。分享给大家供大家参考,具体如下: 需要导入的js有jquery.js和jquery.cookie.js在页面加载时首先尝试获取cookie的值,如果cookie有值,则将获取到的值填入输入框中,并将保存密码的复选框选中jQuery(function(){//获取cookie的值var username = $.cookie('username');var password = $.cookie('password');//将获取的值填充入输入框中$('#uName').val(username);$(...
代码如下: function randPassword() { var text=[abcdefghijklmnopqrstuvwxyz,ABCDEFGHIJKLMNOPQRSTUVWXYZ,1234567890,~!@#$%^&*()_+";",./?<>]; var rand = function(min, max){return Math.floor(Math.max(min, Math.random() * (max+1)));} var len = rand(8, 16); // 长度为8-16 var pw = ; for(i=0; i<len; ++i) { var strpos = rand(0, 3); pw += text[strpos].charAt(rand(0, text[strpos].length)); } return pw; } 测试代...
代码如下:var Vigenere = { _strCpr: abcdefghijklmnopqrstuvwxyz_12345 67890.ABCDEFGHIJKLMNOPQRSTUVWXYZ,//可以将此字符串的顺序打乱点,或者添加更多字符 _strKey: function(strK,str){//生成密钥字符串,strK为密钥,str为明文或者密文 var lenStrK = strK.length; var lenStr = str.length; if(lenStrK != lenStr){//如果密钥长度与str不同,则需要生成密钥字符串 if(lenStrK < lenStr){//如果密钥长度比str短,则以不断重复密...
主要对 已经激活input框的 大写锁定进行实时检测。 大写锁定已开启 = 65 && keyCode = 97 && keyCode [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").val($.cookie("passWord")); } }); //保存用户信息 function saveUserInfo() { if ($("#rmbUser").attr("checked") == true) { var userName = $("#user").val(); var passWord = $("#pass").val(); $.cookie("rmbUser"...
需要引入插件jquery.md5.js 可直接在IIS下运行; 用户名:Ethan.zhu 密 码:123456789 完整文件下载:WebApplication1_jb51.rar首先将按钮单击事件的异步验证提取出来作为一个单独的函数,需要将按钮单击事件里面的变量提取出来定义为全局变量,并且增加一个变量editPass(用来标记是自己输入密码,还是从cookies中读取的密码) 代码如下: var wrongTypeName, //用户名的错误类型,可以直接作为错误提示信息数组的下标 wrongTypeP...
查看示例:DEMO 打包下载 使用很简单。 代码如下: $(#pass).passwordStrength(); XHTML 代码如下: 请输入密码: 确认密码: 注意:id#passwordStrengthDiv的DIV是用来加载强度图片的,你也可以自定义ID,但调用时就要给参数赋值: 代码如下: targetDiv : #ID //自定义加载图片的ID 载入JS和CSS: 代码如下: $(function(){ $('#pass').passwordStrength(); }); JavaScript教程/参考手册 JavaScript热搜...
我们来看看如果使用Knockout更简单的来实现密码强度的验证。 原有代码请查看: 代码如下: //CharMode函数 function CharMode(iN) { if (iN >=48&& iN return1; if (iN >=65&& iN return2; if (iN >=97&& iN return4; else return8; //特殊字符 } //bitTotal函数 function bitTotal(num) { modes =0; for (i =0; i if (num &1) modes++; num >>>=1; } return modes; } //checkStrong函数 function checkStrong(sPW) { if (s...
1.如果密码少于5位,那么就认为这是一个弱密码。 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码。 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码。 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码。 代码如下: //CharMode函数 function CharMode(iN){ if (iN>=48 && i...
这个月都还没。必须要凑数。 网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。 在下面的 input框里测试下吧!这段代码来之 。 不过我做了一点小改进。 主要对 已经激活input框的 大写锁定进行实时检测。 代码如下: 大写锁定已开启 (function(){ var inputPWD = document.getElementById('loginPasswd'); var capital = false; var capitalTip = { elem:document.getElementById('capital'), toggle...
代码如下: 密码强度检测效果 function chkpwd(obj){ var t=obj.value; var id=getResult(t); //定义对应的消息提示 var msg=new Array(4); msg[0]="密码过短。"; msg[1]="密码强度差。"; msg[2]="密码强度良好。"; msg[3]="密码强度高。"; var sty=new Array(4); sty[0]=-45; sty[1]=-30; sty[2]=-15; sty[3]=0; var col = new Array(4); col[0] = "gray"; col[1] = "#50AEDD"; col[2] = "#FF8213"; col[3] = "green"; //设置显...
页面代码:代码如下: 弱 中 强 样式:代码如下: #pwdLever td { background-color:Gray; width:45px; text-align:center; } js代码:代码如下: window.onload = function () { var textInput = docume...