1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 记住用户名密码html jQuery实现的记住帐号密码功能完整示例

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

时间:2024-01-05 08:38:47

相关推荐

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

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

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

COOKIE

//读取cookie

var user = $.cookie('uu');

var pwd = $.cookie('pp');

$(document).ready(function(){

// 判断是否存在cookie

if (user) {

$("input:text").val(user);

$("input:password").val(pwd);

$("#che").html("");

}

});

// 选中记住密码

function check(){

$("#che").html("");

// 设置为选中状态

document.getElementById("check1").checked=true;

// 创建一个cookie并设置有效时间为 7天

$.cookie('uu', $("input:text").val(), { expires: 7 });

$.cookie('pp', $("input:password").val(), { expires: 7 });

}

// 取消记住密码

function uncheck(){

$("#che").html("");

// 设置为取消状态

document.getElementById("check1").checked=false;

// 删除cookie

$.cookie('uu','');

$.cookie('pp','');

}

记住密码:

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。