jQuery实现的记住帐号密码功能完整示例

本文实例讲述了框架实现的记住帐号密码功能。分享给大家供大家参考，具体如下：

记住密码是每个有帐号登录的网站必备的，现在说一下通过COOKIE实现的记住密码功能。

！DOCTYPE html html head meta charset=' utf-8 ' title cookie/title/head dyscript type=' text/JAVAScript ' src=' http :https://cdn。bootcss。com/jquery/3。3 .1/jquery。量滴js '/script脚本类型=' text/JavaScript ' src=' http :3359 cdn。bootcss。com/jquery-cookie/1。4 .1/j读取cookievar用户=$。cookie(' uu ')；var pwd=$ .cookie(' PP ')；$(文档)。就绪（函数(){ //判断是否存在cookie if(用户){ $('输入3360文本').val(用户);$(“输入3360密码”).val(pwd)；$('#che ').html(' input type=\ ' checkbox 'n click=\ ' uncheck()\ ' id=\ ' check 1 ' checked/')；}});//选中记住密码函数check(){ $('#che ').html('输入类型=\ '复选框'n单击=\ '取消选中()\ ' id=\ '选中1 \ '/')；//设置为选中状态文件。getelementbyid('检查1 ').选中=真；//创建一个甜饼干并设置有效时间为七天$.cookie('uu '，$('输入3360文本').val()，{ expires : 7 })；$.cookie('pp '，$('输入3360密码').val()，{ expires : 7 })；}//取消记住密码函数取消选中(){ $('#che ').html(' input type=\ ' checkbox 'n click=\ ' check()\ ' id=\ ' check 1 \ '/')；//设置为取消状态文件。getelementbyid('检查1 ').选中=假；//删除饼干$。cookie('uu '，' ')；$.cookie('pp '，' ')；}/脚本输入类型=' text '名称=' username '占位符='帐号br/输入类型='密码'名称='密码'占位符='密码br/记住密码：div id=' che '输入类型=' checkbox 'n单击=' check()' id=' check 1 '/div br//body/html(9500 . 163.com)

只要在表单输入帐号密码，再勾选记住密码，那么你的帐号密码就已经被存入到甜饼干了，有效期七天。然后你刷新页面，发现帐号密码还在表单中，不会被清空。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery的cookie操作技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。