账号密码代码php,JS代码怎样实现记住账号密码
这次给大家带来JS代码怎样实现记住账号密码,JS代码实现记住账号密码的注意事项有哪些,下面就是实战案例,一起来看一下。
很多登录功能上都有个“记住密码”的功能,其实无非就是对cookie的读取。
引用添加Cookie
setCookie ( name, value, expdays )
获取Cookie
getCookie ( name )
删除Cookie
delCookie ( name )
代码说明
form表单
记住密码
提交检查函数
点击submit按钮时,会调用此函数function check (){ //获取表单输入:用户名,密码,是否保存密码
var username = document.getElementById("username").value.trim() ; var password = document.getElementById("password").value.trim() ; var isRmbPwd = document.getElementById("isRmbPwd").checked ;
//判断用户名,密码是否为空(全空格也算空)
if ( username.length != 0 && password.length != 0 )
{ //若复选框勾选,则添加Cookie,记录密码
if ( isRmbPwd == true )
{
setCookie ( "This is username", username, 7 ) ;
setCookie ( username, password, 7 ) ;
} //否则清除Cookie
else
{
delCookie ( "This is username" ) ;
delCookie ( username ) ;
} return true ;
} //非法输入提示
else
{
alert('请输入必填字段!!!') return false ;
}
}
文档初始化函数
文档加载完毕后,执行此函数//将function函数赋值给onload对象window.onload = function (){ //从Cookie获取到用户名
var username = getCookie("This is username") ; //如果用户名为空,则给表单元素赋空值
if ( username == "" )
{ document.getElementById("username").value="" ; document.getElementById("password").value="" ; document.getElementById("isRmbPwd").checked=false ;
} //获取对应的密码,并把用户名,密码赋值给表单
else
{ var password = getCookie(username) ;
document.getElementById("username").value = username ; document.getElementById("password").value = password ; document.getElementById("isRmbPwd").checked = true ;
}
}
键入用户名密码,未勾选复选框
提交,返回到表单页面
键入用户名密码,未勾选复选框
提交表单,返回
此时再去掉复选框勾选状态,提交
此时,浏览器就不再保存Cookie了
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
账号密码代码php,JS代码怎样实现记住账号密码相关推荐
- wxml代码支持js代码吗_如何取胜:代码支持者的建议
wxml代码支持js代码吗 I had the honor of asking three of the world's most famous software engineers six ques ...
- Hybrid APP 混合开发模式的选择之路(六:JSBridge---Native代码与JS代码的通信桥梁)
原文出处:http://www.cnblogs.com/dailc/p/5931324.html JSBridge是Native代码与JS代码的通信桥梁.目前的一种统一方案是:H5触发url sche ...
- JS读取cookie(记住账号密码)
很多登录功能上都有个"记住密码"的功能,其实无非就是对cookie的读取. 下面展示这个功能的代码,原作者已无法考究.... 测试方法:直接输入账号密码,提交后,刷新页面,再输入同 ...
- js代码格式化(js代码格式化html标签)
可以分级的表格如何隐藏JS代码? [实例描述]分级的表格隐藏是指当用户单击第一行时,第一行后面的行都会隐藏:单击第二行时,则第二行下面的所有行会隐藏,依次类推. 实用计算器JS代码怎么写呢? srcE ...
- 鼠标爱心的html代码,网页js代码鼠标点击爱心特效(富强、自由、爱国、敬业、友善)...
效果图如下: js代码如下: script> var a_idx = 0; jQuery(document).ready(function($) { $("body").cl ...
- 按需加载图片、html代码、js代码,前端页面性能优化
加载一个比较长的页面,或者图片比较多的页面,如果把资源一次性全部加载,在网络不是很好的情况下可能造成页面留白现象,用户体验极差! 因此呢,我们可以把用户暂时不会看到或用到的资源先不加载,在某个条件下, ...
- webpack抽离css,压缩css代码 和 js代码
前言 在实际生产环境中,较少使用style-loader,css代码被打包到了 main.js里面,这时候就需要对css代码进行抽离优化. module.exports = {module:{rule ...
- Freemarker解决Html代码和 JS代码中单引号和双引号转义问题。
使用Freemaker时Html代码单引号和双引号转义:<input type="text" class="promzh Jclear c999" sty ...
- 用于判断用户注册时,密码强度的JS代码。
<script language=javascript> //CharMode函数//source:www.web2bar.cn //测试某个字符是属于哪一类. function Char ...
最新文章
- vs2015编译linux源码,使用Visual Studio 2017(VS2017)编译OpenCC 1.0.4 (Open Chinese Convert)源代码...
- php 通过类名获取类的文件地址
- linux win10虚拟内存,高手解惑win10系统电脑虚拟内存不足的还原技巧
- 悄悄地进村,打枪的不要——KyuuBackground(原 ItaBackgroundKyuu)改造完成
- 《信息安全程序设计基础》第零周学习总结
- LeetCode34. 在排序数组中查找元素的第一个和最后一个位置(二分查找)
- 数值分析(9)-最小二乘法
- 《Redis开发与运维》- 核心知识整理二(Lua脚本、发布订阅、客户端等)
- 基于U2000北向(TL1)的OLT手机管理app,自动注册光猫神器!
- Android学习及如何利用android来赚钱
- php 微信多客服系统,如何使用微信公众平台开发模式实现多客服
- 元学习 迁移学习_元学习就是您所需要的
- vscode绿色、护眼色,vue自动格式化配置参考
- 思维方式-《知识的边界》书中的精髓:互联网对知识的影响以及利用互联网获得更多知识的方法。
- 生物信息学常用名词解释
- 卡苹果6plus在线_坐公交“神器”来了!在线充值、在线年检、信息查询...太方便了!...
- 用递归的方式分析白色相簿2 coda篇各结局概率
- jQuery基础知识整理
- 《H3C交换机配置与管理完全手册》(第二版)前言和目录
- 杭电oj ——1000 A+B问题