本文为大家分享了javascript密码验证的实现方法,欢迎大家阅读。 javascript密码验证代码如下 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>密码验证</title><script src="js/jquery-1.11.1.js"></script><script>$(function(){$(document).on(blur,input,function(){var $password=$(#password).val();var $password_again=$(#password_again).val();if(!$password){$("#password").addClass(re...
现在很多论坛和博客都在用户注册时添加了验证密码强度的功能,在以前的文章中,我们曾经给出过一段检验密码强度的例子,今天再看一个与《js密码强度校验》的代码。 效果:<html> <head> <script language="javascript"> //CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){if (iN>=48 && iN <=57) //数字return 1;if (iN>=65 && iN <=90) //大写字母return 2;if (iN>=97 && iN <=122) //小写return 4;elsereturn 8...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下: 这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中,实现此功能的重点和难点就是通过正则进行判断等级,有兴趣的朋友可以慢慢探究。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/jquery-passwordStrength-...
一个用Javascript检测用户输入密码强度的效果代码,以下代码主要是从以下四个方面检测用户输入的密码的强度的,有兴趣的朋友可以自己添加或修改成自己想要的形式! 1. 如果输入的密码位数少于5位,那么就判定为弱。 2. 如果输入的密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则判定为弱。 3. 如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则判定为中。 4. 如果密码由数字、小写字母、大写...
1、base64加密在页面中引入base64.js文件,调用方法为: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/javascript" src="base64.js"></script> <script type="text/javascript"> var b = new Base64(); var str = b.encode("admin:admin"); alert("base64 encode:" + str); //解密str = b.decode(str); alert("base64 decode:" + str); </script> </head> <body> </body...
先看效果图:javascript密码强度校验代码,具体实现思路不多说了,请看下面代码和demo。 第一种方法: /**密码安全程度 *return :全部为字母或者数字,或者密码长度小于*return : 字母数字组成,或者字母特殊字符,或者数字和特殊字符*return : 字母和数字和特殊字符*/String.prototype.passwordStrength=function(){if(this.length> && this.length<=) return ;var n = (this.search(/[a-zA-Z]/) != -) ? : ,n = (this.search(/[-...
下面主要通过代码给大家展示下javascript记住用户名和登录密码,具体代码内容请看下文。 第一种方式: CONTENT login.html welcome.html cookie.js common.js login.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; c...
主要介绍使用jQuery实现带有校验密码强度的注册页面,当然要想生成一个漂亮的带有密码强度检验的注册页面要有相关插件和类库配合,具体内容如下: 相关的插件和类库 complexify - 一个密码强度检验jQuery插件 justgage - 一个兼容性良好的仪表盘类库 主要功能 注册中包含一个密码强度检验组件,用户需要设置一定强度的密码才可以注册 密码强度使用仪表盘类库justgage来显示,不同的强度的密码将显示不同的颜色 密码强度符合要求后...
如何实现色条随输入密码长度变化效果: 在很多网站注册页面都有这样的功能,当用户输入密码的时候,下面会出现一个色条,色条的长度会跟随输入密码的长度变化,并且色条的颜色也会根据输入密码长度的不同有所改变,一般是用来提示密码强度。下面就简单介绍一下使用jQuery如何实现此功能。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>脚本之家</title> <style type="text/css"> .box {width: 200px;...
很多登录功能上都有个“记住密码”的功能,其实无非就是对cookie的读取。 下面展示这个功能的代码,原作者已无法考究。。。。 测试方法:直接输入账号密码,提交后,刷新页面,再输入同样的账号,就可以显示 <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js COOKIE 记住帐号或密码</title> <script type="text/javascript">window.onload=function onLoginLoaded() {if ...
密码强度显示和中文强弱显示代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP a.jsp starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,k...
本文实例讲述了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){ ...
本文实例讲述了JS实现至少包含字母、大小写数字、字符的密码等级的两种方法。分享给大家供大家参考。具体如下: 前言 密码,如果设置的太简单,很容易就被攻破,所以很多网站将密码设置的要求设置的挺严格,一般是字母、数字、字符3选2,区分大小写。对于设置得太简单的密码,予以错误提示。或者予以密码等级(低中高)显示,让用户设置高级密码。那如何利用JS实现呢? 实现代码如下: function passwordLevel(password) {var Mode...
很久之前写了这个插件,基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框。 placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失。 下载地址:http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下:代码如下: (function($) { /** * 没有开花的树 * 2012/11/28 15:12 */ var p...