<%@ 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>
分享到：
相关推荐
当用户选择“记住密码”选项时，我们可以将密码保存到Cookie。使用`$.cookie()`函数，如下所示： ```javascript function savePassword(password) { // 设置一个有效期为30天的Cookie var expirationDate = new ...
<input type="checkbox" id="rememberPassword"> 记住密码 登录 ``` 2. **jQuery事件监听**：我们需要监听复选框的`change`事件，当用户勾选或取消复选框时，触发相应的处理函数。这些处理函数将负责存储和读取...
Javascript实现登录记住用户名和密码功能的核心在于...以上内容综合了Javascript代码的使用、cookies操作以及*** MVC表单构建等知识点，实现了一个简单的登录记住用户名和密码的功能，并对其安全性进行了基本的考虑。
在Web开发中，用户安全是至关重要的，尤其是涉及到密码输入时。`jQuery`是一个非常流行的JavaScript库，它简化了DOM操作、事件处理和Ajax交互。...记住，始终要关注用户体验，同时确保密码验证的有效性和安全性。
jquery中实现cookie的操作相比js要简单很多 操作步骤如下 1、引入JS文件（下载包中已包含） jquery-1.7.1.js jquery.cookie.js 语法： $.cookie(“cookie变量名”, “cookie值”, {expires:过期天数});
综上所述，JQuery实现记住用户名和密码的具体方法涉及到了前端开发的多个方面，包括用户界面设计、事件处理、数据存储以及安全性的考量。正确地使用JQuery和Cookie，可以在不牺牲安全的前提下，为用户提供便捷的登录...
本文将详细介绍如何使用`jquery.cookie.js`实现记住密码功能，并讲解其核心概念和用法。 首先，Cookie是一种存储在用户浏览器中的小型文本文件，用于在用户与网站交互时保存数据。它允许网站在用户下次访问时识别...
对于初学者来说，登录页记住用户名和密码的功能是经常会遇到的（通常会用javaee的api去实现），今天为大家介绍在前端页面直接用jquery实现该功能（比传统的方法简单多了），长话短说直接进入正题： 在项目中加入...
在网页开发中，用户登录体验的一个重要环节是“记住密码”功能。这个功能允许用户在一次登录后，下次访问同一网站时自动填充用户名和密码，从而简化登录过程。本示例源码着重讲解如何利用HTML配合Cookie技术实现这一...
在IT行业中，前端开发是构建用户交互界面的关键部分，而jQuery作为一个强大的...同时，这个实例也为我们提供了一个实践和扩展jQuery技能的好机会，比如结合其他插件或库实现更复杂的功能，如记住密码、自动填充等。
通过这种方式，`localStorage` 提供了一种简单而高效的方法来实现“记住密码”功能，同时避免了传统 `cookie` 的性能问题。值得注意的是，虽然 `localStorage` 提供了便利，但敏感信息如密码的存储应谨慎处理，因为...
本篇文章将深入探讨`jquery.cookie.js`包及其在实现“记住密码”功能中的应用。 首先，我们来了解什么是Cookie。Cookie是服务器在用户浏览器上存储的一小段文本数据，主要用于存储用户状态信息，如登录状态、个性化...
本资源“jQuery实用的注册表单验证代码”提供了一种使用jQuery库进行表单验证的方法，特别适合初学者和开发者快速实现这一功能。 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及...
在网页开发中，jQuery 是一个广泛使用的...在实际项目中，你可能需要根据具体需求增加更多的功能，如表单验证、AJAX 提交、记住密码、找回密码等功能。同时，为了提高用户体验，可以考虑加入加载动画、错误提示等元素。
4. **Ajax交互**：jQuery的Ajax功能使得与服务器的数据交换变得简单。在这个项目中，开发者可能使用`$.ajax()`或`$.post()`方法向后台发送登录请求，接收服务器返回的验证结果。这样可以在不离开当前页面的情况下...
在本文中，我们将深入探讨如何使用PHP和AJAX技术实现一个功能完善的...然而，实际项目中还需要考虑其他因素，如密码策略、记住密码功能、验证码、以及防止重复登录等。这些细节都可以进一步增强系统的完整性和安全性。
在本文中，我们将深入探讨如何使用jQuery来实现一个点击文字后弹出登录框的功能，以及相关的前端表单验证技术。这个功能是基于jQuery库的，...实际项目中，还可以根据需求添加更多高级功能，如记住密码、第三方登录等。
《使用jQuery实现点击下滑展开登录特效的详细解析》 在网页设计中，用户交互体验是至关重要的元素之一，其中登录界面...实际应用中，还可以根据需求添加验证、记住密码等功能，进一步增强登录模块的功能性和用户体验。
本文将深入探讨如何使用jQuery库来实现一个简单的Ajax表单验证。jQuery是一个轻量级、功能丰富的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互。 首先，我们需要理解Ajax的核心概念。Ajax允许我们在后台与...