<%@ 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,可以在不牺牲安全的前提下,为用户提供便捷的登录...
在网页开发中,用户登录体验的一个重要环节是“记住密码”功能。这个功能允许用户在一次登录后,下次访问同一网站时自动填充用户名和密码,从而简化登录过程。本示例源码着重讲解如何利用HTML配合Cookie技术实现这一...
本文将详细介绍如何使用`jquery.cookie.js`实现记住密码功能,并讲解其核心概念和用法。 首先,Cookie是一种存储在用户浏览器中的小型文本文件,用于在用户与网站交互时保存数据。它允许网站在用户下次访问时识别...
对于初学者来说,登录页记住用户名和密码的功能是经常会遇到的(通常会用javaee的api去实现),今天为大家介绍在前端页面直接用jquery实现该功能(比传统的方法简单多了),长话短说直接进入正题: 在项目中加入...
在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允许我们在后台与...