`

jquery简单实现记住密码

阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%--<script type="text/javascript" src="jslib/jquery-1.8.3.min.js"></script>
--%>
<script type="text/javascript" src="jslib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jslib/jquery.cookie.js"></script>
<script type="text/javascript">
 //初始化页面时验证是否记住了密码
 $(document).ready(function() {
  alert("用户名:" + $.cookie("userName") + " 密码:" + $.cookie("passWord"));
  if ($.cookie("rmbUser") == "true") {
   $("#rmbUser").attr("checked", true);
   $("#user").val($.cookie("userName"));
   $("#pass").val($.cookie("passWord"));
  }
 });
 //保存用户信息
 function saveUserInfo() {
  if ($("#rmbUser").attr("checked") == "checked") {
   var userName = $("#user").val();
   var passWord = $("#pass").val();
   $.cookie("rmbUser", "true", {
    expires : 7
   }); // 存储一个带7天期限的 cookie 
   $.cookie("userName", userName, {
    expires : 7
   }); // 存储一个带7天期限的 cookie 
   $.cookie("passWord", passWord, {
    expires : 7
   }); // 存储一个带7天期限的 cookie 
  } else {
   $.cookie("rmbUser", "false", {
    expires : -1
   });
   $.cookie("userName", '', {
    expires : -1
   });
   $.cookie("passWord", '', {
    expires : -1
   });
  }
 }
</script>
</head>
<body>
 <div>
  <form action="" method="post">
   <table>
    <tr>
     <th>用户名:</th>
     <td><input type="text" id="user" /></td>
    </tr>
    <tr>
     <th>密码:</th>
     <td><input type="password" id="pass" /></td>
    </tr>
    <tr>
     <th>记住密码</th>
     <td><input type="checkbox" id="rmbUser" /><input
      type="submit" value="提交" onclick="saveUserInfo()" /></td>
    </tr>
   </table>
  </form>
 </div>
</body>
</html>

 

1
4
分享到:
评论

相关推荐

    jquery cookie实现保存密码

    当用户选择“记住密码”选项时,我们可以将密码保存到Cookie。使用`$.cookie()`函数,如下所示: ```javascript function savePassword(password) { // 设置一个有效期为30天的Cookie var expirationDate = new ...

    jquery记住账号密码

    &lt;input type="checkbox" id="rememberPassword"&gt; 记住密码 登录 ``` 2. **jQuery事件监听**:我们需要监听复选框的`change`事件,当用户勾选或取消复选框时,触发相应的处理函数。这些处理函数将负责存储和读取...

    Javascript实现登录记住用户名和密码功能

    Javascript实现登录记住用户名和密码功能的核心在于...以上内容综合了Javascript代码的使用、cookies操作以及*** MVC表单构建等知识点,实现了一个简单的登录记住用户名和密码的功能,并对其安全性进行了基本的考虑。

    jquery正则表达式实现动态检测密码输入强度

    在Web开发中,用户安全是至关重要的,尤其是涉及到密码输入时。`jQuery`是一个非常流行的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。...记住,始终要关注用户体验,同时确保密码验证的有效性和安全性。

    jQuery之Cookie用法:记住用户名和密码实例.rar

    jquery中实现cookie的操作相比js要简单很多 操作步骤如下 1、引入JS文件(下载包中已包含) jquery-1.7.1.js jquery.cookie.js 语法: $.cookie(“cookie变量名”, “cookie值”, {expires:过期天数});

    JQuery记住用户名和密码的具体实现

    综上所述,JQuery实现记住用户名和密码的具体方法涉及到了前端开发的多个方面,包括用户界面设计、事件处理、数据存储以及安全性的考量。正确地使用JQuery和Cookie,可以在不牺牲安全的前提下,为用户提供便捷的登录...

    通过cookie记住密码-HTML样例源码

    在网页开发中,用户登录体验的一个重要环节是“记住密码”功能。这个功能允许用户在一次登录后,下次访问同一网站时自动填充用户名和密码,从而简化登录过程。本示例源码着重讲解如何利用HTML配合Cookie技术实现这一...

    jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    本文将详细介绍如何使用`jquery.cookie.js`实现记住密码功能,并讲解其核心概念和用法。 首先,Cookie是一种存储在用户浏览器中的小型文本文件,用于在用户与网站交互时保存数据。它允许网站在用户下次访问时识别...

    使用jquery的cookie实现登录页记住用户名和密码的方法

    对于初学者来说,登录页记住用户名和密码的功能是经常会遇到的(通常会用javaee的api去实现),今天为大家介绍在前端页面直接用jquery实现该功能(比传统的方法简单多了),长话短说直接进入正题: 在项目中加入...

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

    在IT行业中,前端开发是构建用户交互界面的关键部分,而jQuery作为一个强大的...同时,这个实例也为我们提供了一个实践和扩展jQuery技能的好机会,比如结合其他插件或库实现更复杂的功能,如记住密码、自动填充等。

    html5超简单的localStorage实现记住密码的功能实现

    通过这种方式,`localStorage` 提供了一种简单而高效的方法来实现“记住密码”功能,同时避免了传统 `cookie` 的性能问题。值得注意的是,虽然 `localStorage` 提供了便利,但敏感信息如密码的存储应谨慎处理,因为...

    jquery.cookie.js包

    本篇文章将深入探讨`jquery.cookie.js`包及其在实现“记住密码”功能中的应用。 首先,我们来了解什么是Cookie。Cookie是服务器在用户浏览器上存储的一小段文本数据,主要用于存储用户状态信息,如登录状态、个性化...

    jQuery实用的注册表单验证代码.zip

    本资源“jQuery实用的注册表单验证代码”提供了一种使用jQuery库进行表单验证的方法,特别适合初学者和开发者快速实现这一功能。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及...

    jQuery 实现弹层登陆界面

    在网页开发中,jQuery 是一个广泛使用的...在实际项目中,你可能需要根据具体需求增加更多的功能,如表单验证、AJAX 提交、记住密码、找回密码等功能。同时,为了提高用户体验,可以考虑加入加载动画、错误提示等元素。

    基于jQuery实现站点后台登录表单特效源码.zip

    4. **Ajax交互**:jQuery的Ajax功能使得与服务器的数据交换变得简单。在这个项目中,开发者可能使用`$.ajax()`或`$.post()`方法向后台发送登录请求,接收服务器返回的验证结果。这样可以在不离开当前页面的情况下...

    php实现的密码登录网站

    在本文中,我们将深入探讨如何使用PHP和AJAX技术实现一个功能完善的...然而,实际项目中还需要考虑其他因素,如密码策略、记住密码功能、验证码、以及防止重复登录等。这些细节都可以进一步增强系统的完整性和安全性。

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

    在本文中,我们将深入探讨如何使用jQuery来实现一个点击文字后弹出登录框的功能,以及相关的前端表单验证技术。这个功能是基于jQuery库的,...实际项目中,还可以根据需求添加更多高级功能,如记住密码、第三方登录等。

    jquery实现的点击下滑展开的登录特效.rar

    《使用jQuery实现点击下滑展开登录特效的详细解析》 在网页设计中,用户交互体验是至关重要的元素之一,其中登录界面...实际应用中,还可以根据需求添加验证、记住密码等功能,进一步增强登录模块的功能性和用户体验。

    ajax表单验证简单实现jquery版

    本文将深入探讨如何使用jQuery库来实现一个简单的Ajax表单验证。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。 首先,我们需要理解Ajax的核心概念。Ajax允许我们在后台与...

Global site tag (gtag.js) - Google Analytics