`

jQuery 记住登录信息

    博客分类:
  • js
 
阅读更多

首先导入jquery.cookie.js

 

$(function(){

   //初始化页面时验证是否记住了密码
    if ($.cookie("autologin") == "true") {
        $("#autologin").attr("checked", true);
        $("#account").val($.cookie("account"));
        $("#pwd").val($.cookie("pwd"));
    }

 

});

 

 

//保存用户信息
function saveUserInfo() {
var  xuanzhong = document.getElementById("autologin").checked;
if (xuanzhong) {
var account = $("#account").val();
var pwd = $("#pwd").val();
$.cookie("autologin", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("account", account, { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("pwd", pwd, { expires: 7 }); // 存储一个带7天期限的 cookie
}
else {
$.cookie("autologin", "false", { expires: -1 });
$.cookie("account", '', { expires: -1 });
$.cookie("pwd", '', { expires: -1 });
}
}

分享到:
评论

相关推荐

    jquery记住账号密码

    6. **用户隐私**:在设计时,要尊重用户隐私,确保有明显的提示告知用户这一功能的存在,并提供清除已记住信息的选项。 通过以上步骤,我们可以实现一个简单的jQuery记住账号密码的功能。然而,实际项目中可能还...

    仿 JQuery Dialog 简洁登录页面

    【标题】"仿 JQuery Dialog 简洁登录页面"是一个基于JQuery Dialog组件设计的简单登录界面,旨在提供用户友好的交互体验。JQuery Dialog是jQuery UI库中的一个功能,它允许开发者创建可自定义的弹出对话框,用于显示...

    jquery 炫酷登录页面

    在构建一个基于jQuery的炫酷登录页面时,我们需要关注几个核心知识点,这些知识点将帮助我们实现用户界面的交互性和视觉吸引力。在这个项目中,我们主要会涉及到以下技术: 1. **jQuery库**:jQuery是一个轻量级的...

    jquery超炫的登录界面

    6. **AJAX登录**:利用jQuery的AJAX功能,可以实现无刷新登录,即用户提交信息后,后台验证成功则直接登录,无需跳转页面,提高整体的交互速度和效率。 在压缩包文件"jiaoben3521"中,可能包含了实现这样一个登录...

    jquery登录界面案例

    当登录失败时,我们可以利用jQuery来优雅地展示错误信息。例如,使用`.addClass()`和`.removeClass()`添加和移除CSS类来改变提示文字的样式,或者使用`.html()`更新错误消息的文本内容。 5. **响应式设计** 在...

    jquery用户登录界面样式

    在登录界面中,CSS通常用来设定输入框、按钮、提示信息等元素的样式,以及整个页面的布局和响应式设计,确保在不同设备上都能良好显示。 `images`目录则可能包含用于登录界面的背景图片、图标或其他图形元素。这些...

    jQuery密码键盘后台登录界面模板

    本项目"jQuery密码键盘后台登录界面模板"是针对登录界面设计的一个实例,利用jQuery的功能来实现一个友好的用户体验。下面我们将深入探讨这个模板中的关键知识点。 1. **jQuery库**:jQuery的核心是其简洁的API,它...

    一个漂亮的基于jQuery实现的点击后显示-隐藏无刷新登录框程序例子

    - **错误处理**:处理可能出现的错误,如网络问题或服务器返回的错误信息,通过修改登录框内容或者显示错误提示来反馈给用户。 4. **响应式设计**:为了确保登录框在不同设备和屏幕尺寸上都有良好的显示效果,可以...

    jQuery 实现记住密码

    这个功能通常通过浏览器的Cookie机制来实现,因为Cookie可以存储用户在特定网站上的偏好设置,如登录状态。 在jQuery中,`$.cookie()`函数是用于操作Cookie的核心工具,这在`jquery.cookie.js`文件中定义。它允许...

    JQUERY用户登陆界面特效

    在网页开发中,jQuery是一个非常重要的JavaScript库,它极大地简化了JavaScript代码的编写,使得开发者可以轻松实现丰富的交互效果...记住,优秀的登录界面不仅要美观,还要注重功能性和易用性,以满足不同用户的需求。

    jquery登录弹出层

    "jquery登录弹出层"是利用jQuery技术实现的一种常见功能,即在用户需要登录时,不跳转新页面,而是以弹出层的形式展示登录表单。这种设计不仅提升了用户体验,也保持了页面的连续性。 首先,我们要理解jQuery弹出层...

    jQuery点击按钮弹出登录框效果

    "jQuery点击按钮弹出登录框效果"是网页交互中常见的一种功能,通常用于提升用户体验,使用户在不离开当前页面的情况下完成登录操作。下面将详细介绍这个功能的实现原理和步骤。 首先,我们需要理解jQuery的基本用法...

    jQuery点击文字弹出登录框代码.zip

    在本文中,我们将深入探讨如何使用jQuery来实现一个点击文字后弹出登录框的功能,以及相关的前端表单验证技术。这个功能是基于jQuery库的,特别是`jquery-1.11.2.min.js`版本,这是一个广泛使用的JavaScript库,简化...

    JQuery记住用户名密码实现下次自动登录功能

    ### JQuery记住用户名密码实现下次自动登录功能知识点解析 #### 知识点一:JQuery及Cookie简介 **JQuery** 是一个快速、小巧、功能丰富的JavaScript库。它使用户能够通过编写更少的代码来操作文档、处理事件、实现...

    jquery精美登陆界面

    【jQuery精美登录界面详解】 在Web开发中,创建吸引用户并提供良好用户体验的登录界面是至关重要的。jQuery作为一款轻量级、功能丰富的JavaScript库,为开发者提供了许多方便的工具来实现这一目标。本篇文章将深入...

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

    通过上述文件信息的详细解读,我们学习到了如何使用jQuery和jquery.cookie.js插件来实现记住帐号密码功能。此外,通过实例了解了如何设置和读取Cookie,并且意识到了在实现该功能时需要考虑的安全和用户体验因素。...

    Jquery实现用户注册和登入(Asp.Net版)

    - **记住我**:添加"记住我"选项,通过设置cookie,使用户在下次访问时自动登录。 - **Ajax验证**:同样,登录时使用Ajax提交用户凭证,服务器端验证后返回结果,展示登录成功或失败状态。 在Asp.Net框架下,我们...

    jQuery仿京东登录弹出层

    本教程将深入探讨如何使用jQuery来创建一个仿京东登录弹出层,提升网页用户体验。 首先,我们需要了解登录弹出层的基本构成。通常,登录弹出层是一个在用户点击特定按钮后出现的模态窗口,它包含登录表单,用户可以...

    用于登录的jQuery 弹出层例子代码

    弹出层(通常称为模态窗口或对话框)是一种设计模式,它在网页的主内容之上显示一个半透明的窗口,使用户专注于当前任务,例如填写登录信息。这种效果可以通过结合HTML、CSS和JavaScript来实现,而jQuery则可以简化...

    jQuery插件 弹出层登录和全屏注册

    在实际应用中,开发者可以根据自己的需求对这个插件进行定制,例如添加验证码功能、记住密码选项、社交账号登录等。同时,为了增强安全性,应当遵循最佳实践,如使用HTTPS协议、加密敏感信息、限制登录尝试次数等。 ...

Global site tag (gtag.js) - Google Analytics