【JavaScript隐藏显示密码实例】教程文章相关的互联网学习教程文章

javascript密码验证【图】

本文为大家分享了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密码强度校验【图】

现在很多论坛和博客都在用户注册时添加了验证密码强度的功能,在以前的文章中,我们曾经给出过一段检验密码强度的例子,今天再看一个与《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用法实例分析【图】

本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下: 这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中,实现此功能的重点和难点就是通过正则进行判断等级,有兴趣的朋友可以慢慢探究。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/jquery-passwordStrength-...

js检测用户输入密码强度【图】

一个用Javascript检测用户输入密码强度的效果代码,以下代码主要是从以下四个方面检测用户输入的密码的强度的,有兴趣的朋友可以自己添加或修改成自己想要的形式! 1. 如果输入的密码位数少于5位,那么就判定为弱。 2. 如果输入的密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则判定为弱。 3. 如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则判定为中。 4. 如果密码由数字、小写字母、大写...

javascript实现base64 md5 sha1 密码加密

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密码强度校验代码(两种方法)【图】

先看效果图: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记住用户名和登录密码(两种方式)

下面主要通过代码给大家展示下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...

JQ技术实现注册页面带有校验密码强度

主要介绍使用jQuery实现带有校验密码强度的注册页面,当然要想生成一个漂亮的带有密码强度检验的注册页面要有相关插件和类库配合,具体内容如下: 相关的插件和类库 complexify - 一个密码强度检验jQuery插件 justgage - 一个兼容性良好的仪表盘类库 主要功能 注册中包含一个密码强度检验组件,用户需要设置一定强度的密码才可以注册 密码强度使用仪表盘类库justgage来显示,不同的强度的密码将显示不同的颜色 密码强度符合要求后...

jQuery实现提示密码强度的代码

如何实现色条随输入密码长度变化效果: 在很多网站注册页面都有这样的功能,当用户输入密码的时候,下面会出现一个色条,色条的长度会跟随输入密码的长度变化,并且色条的颜色也会根据输入密码长度的不同有所改变,一般是用来提示密码强度。下面就简单介绍一下使用jQuery如何实现此功能。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>脚本之家</title> <style type="text/css"> .box {width: 200px;...

JavaScript使用cookie实现记住账号密码功能

很多登录功能上都有个“记住密码”的功能,其实无非就是对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 ...

javascript实现密码强度显示

密码强度显示和中文强弱显示代码如下: <!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图形密码实现方法

本文实例讲述了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随机密码生成的方法

本文实例讲述了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实现至少包含字母、大小写数字、字符的密码等级的两种方法

本文实例讲述了JS实现至少包含字母、大小写数字、字符的密码等级的两种方法。分享给大家供大家参考。具体如下: 前言 密码,如果设置的太简单,很容易就被攻破,所以很多网站将密码设置的要求设置的挺严格,一般是字母、数字、字符3选2,区分大小写。对于设置得太简单的密码,予以错误提示。或者予以密码等级(低中高)显示,让用户设置高级密码。那如何利用JS实现呢? 实现代码如下: function passwordLevel(password) {var Mode...

IE下支持文本框和密码框placeholder效果的JQuery插件分享

很久之前写了这个插件,基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框。 placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失。 下载地址:http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下:代码如下: (function($) { /** * 没有开花的树 * 2012/11/28 15:12 */ var p...

实例 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部