js记住密码代码

最新推荐文章于 2024-05-15 20:03:09 发布
最新推荐文章于 2024-05-15 20:03:09 发布
阅读量610 收藏
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_12138/article/details/83178712
版权

1.只记录上一次保存的帐号密码

<body class="login-body" οnlοad="useCookie()">

<div class="container">

<form class="form-signin" action="" method="post" id="form">

<h2 class="form-signin-heading"><img width="160" src="<%=basePath%>/admin/includes/img/logo_xk.png"></h2>

<div class="login-wrap">

<input type="text" name="usernames" id="usernames" class="form-control" placeholder="账户名">

<input type="password" name="passwords" id="passwords" class="form-control" placeholder="密码">

<input type="checkbox" name="checkbox-1" id="checkbox-1">记住密码

<button class="btn btn-lg btn-login btn-block" type="button" id="login-submit" οnclick="submits()">登录</button>

</div>

</form>

</div>

<script src="<%=path%>/admin/js/jquery.js"></script>

<script src="<%=path%>/admin/app/cookie/jquery.cookie.js"></script>

<script type="text/javascript">

function useCookie() {

var username = $.cookie("nickName");

var password = $.cookie("passwords");

document.getElementById("checkbox-1").checked = $.cookie("checkbox-1");

if (username != null && password != null) {

document.getElementById("usernames").value = username;

document.getElementById("passwords").value = password;

} else {

document.getElementById("passwords").value = null;

}

}

function vailRememberNickName(){

var nickName = $("#usernames").val();

if(document.getElementById("checkbox-1").checked==true){

var passwords = $("#passwords").val();

$.cookie("checkbox-1", "true", { expires: 700 }); // 存储一个带700天期限的 cookie

$.cookie("passwords", passwords, { expires: 700 }); // 存储一个带700天期限的 cookie

$.cookie("nickName", nickName, { expires: 700 }); // 存储一个带700天期限的 cookie

}else {

$.cookie("checkbox-1", "false", { expires: -1 });

$.cookie("nickName", nickName, { expires: 700 }); // 存储一个带700天期限的 cookie

$.cookie("passwords", "", { expires: 700 }); // 存储一个带700天期限的 cookie

}

}

function submits(){

var form = $("#form");

vailRememberNickName();

$("#form").attr("action","<%=path%>/login/login.html");

form.submit();

}

</script>

</body>

2.记录历史记录,不记录密码

<body class="login-body" οnlοad="useCookie()">

<div class="container">

<form class="form-signin" action="" method="post" id="form">

<h2 class="form-signin-heading"><img width="160" src="<%=basePath%>/admin/includes/img/logo_xk.png"></h2>

<div class="login-wrap">

<input type="text" id="usernames" name="username" list="ide" class="form-control" placeholder="登录名" ><datalist id="ide"></datalist>

<input type="password" name="passwords" id="passwords" class="form-control" placeholder="密码">

<input type="checkbox" name="checkbox-1" id="checkbox-1">记住密码

<button class="btn btn-lg btn-login btn-block" type="button" id="login-submit" οnclick="submits()">登录</button>

</div>

</form>

</div>

<script src="<%=path%>/admin/js/jquery.js"></script>

<script src="<%=path%>/admin/app/cookie/jquery.cookie.js"></script>

<script type="text/javascript">

function useCookie() {

var mycars=new Array();

var nickName = $.cookie("nickName");

if(nickName!=""&&nickName!=null){

var strs= new Array(); //定义一数组

strs=nickName.split(","); //字符分割

for (var i=0;i<strs.length-1 ;i++ ) {

mycars.push(strs[i]);

}

}

document.getElementById("checkbox-1").checked = $.cookie("checkbox-1");

if (mycars.length > 0) {

for (var i = 0; i < mycars.length; i++) {

$("#ide").append("<option value=" + mycars[i] + "></option>");

}

}

}

function vailRememberNickName(){

var mycars= $.cookie("nickName");

var nickName = $("#usernames").val();

if(document.getElementById("checkbox-1").checked==true){

$.cookie("checkbox-1", "true", { expires: 700 }); // 存储一个带700天期限的 cookie

if(mycars!=""&&mycars!=null){

var strs= new Array(); //定义一数组

strs=mycars.split(","); //字符分割

var a=0;

for (var i=0;i<strs.length-1 ;i++ ) {

if(strs[i]==nickName){

a=1;

}

}

if(a==0){

mycars+=nickName+",";

}

}else{

mycars+=nickName+",";

}

$.cookie("nickName", mycars, { expires: 700 }); // 存储一个带700天期限的 cookie

}else {

$.cookie("checkbox-1", "false", { expires: -1 });

}

}

function submits(){

var form = $("#form");

vailRememberNickName();

$("#form").attr("action","<%=path%>/login/login.html");

form.submit();

}

</script>

</body>

需要加载jquery.js和jquery.cookie.js

java_才怪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
利用js实现的记住密码功能
08-22
利用js开发的记住密码功能，将用户输入存在浏览器的cookie中，经测试，在ie，ff和chrome均可用
js代码-记住密码功能
07-16
首先，`main.js`文件通常是JavaScript代码的主要入口点，它可能包含了实现记住密码功能的核心逻辑。在这个文件中，开发者可能会使用本地存储（Local Storage）API来保存用户的登录信息。本地存储是Web Storage的一种...
js记住密码
zyzn1425077119的博客
05-15 328
参考脚本之家，网址：http://www.jb51.net/article/109197.htm代码：&lt;input class="text-input" type="text" id="username" value="" /&gt;&lt;input class="text-input" type="password" id="password&q
JS中使用Cookie实现记住密码以及设置密码过期时间
最新发布
weixin_56187723的博客
05-15 529
当用户选择记住密码时，用户名和密码会被保存到cookie中，并在下次访问网站时自动填充。上面的代码中，`setCookie`函数用于设置cookie，`getCookie`函数用于获取cookie，`checkRememberMe`函数用于检查是否存在记住密码的cookie并填充用户名和密码，`login`函数是一个示例的登录函数，具体的登录逻辑需要根据实际情况进行修改。要记住密码，可以在用户登录成功后，设置一个带有用户名和密码的cookie，设置过期时间为一段较长的时间，比如一周。
记住密码功能的实现代码
FYW_wu的专栏
07-01 1703
//jquery.cookie.js 操作cookie实现 //初始化页面时验证是否记住了密码  $(document).ready(function() {  if ($.cookie("rmbUser") == "true") {  $("#rmbUser").attr("checked", true);  $("#user").val($.cookie("userName"
JavaScript登录记住密码操作(超简单代码)
10-20
本文给大家分享一段简单的js代码实现用户登录记住密码操作，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
js cookie实现记住密码功能
10-20
JavaScript（简称js）中的Cookie是一种在客户端存储少量数据的技术，常用于实现用户登录状态的保持，例如“记住密码”功能。下面我们将详细讨论如何使用js实现这一功能。 首先，我们需要了解HTML部分。在示例代码中...
记住密码代码
09-23
和腾讯QQ一样,可以记住密码，并且下次登录的时候，可以不用输入密码。
js实现记住账号密码功能
08-06
js实现记住账号密码功能，实现不了随便喷
js 实现记住密码
06-01
js 实现记住密码
登录界面记住密码功能源码
07-18
Android源码方便学习，代码是最好的老师。
js记住密码功能
xiewei1988的专栏
09-30 1969
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml" > <br /><head> <br /><title>js COOKIE 记住帐号或密码</title> <br /><script language="j
JS实现记住用户密码
jakelihua
12-06 2609
本文讲解如何使用JS实现我们常见的记住密码的功能。
js实现记住密码
weixin_50629071的博客
06-09 1968
js简单实现记住密码
js 实现记住密码功能
小二丶的博客
04-27 1254
这么多资源 给个赞 关注一下
登录界面设计记住密码的代码
07-12
以下是一个简单的登录界面设计，包括记住密码的代码示例： ```html <!DOCTYPE html> <html> <head> <title>登录界面</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <h2>登录</h2> <form id="loginForm"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br><br> <input type="checkbox" id="rememberMe" name="rememberMe"> <label for="rememberMe">记住密码</label><br><br> <input type="submit" value="登录"> </form> <script> // 当页面加载时，检查是否有记住密码的信息 $(document).ready(function() { if (localStorage.checkbox && localStorage.checkbox !== "") { $('#rememberMe').attr('checked', 'checked'); $('#username').val(localStorage.username); $('#password').val(localStorage.password); } else { $('#rememberMe').removeAttr('checked'); $('#username').val(''); $('#password').val(''); } }); // 处理登录表单的提交 $('#loginForm').on('submit', function(e) { e.preventDefault(); var username = $('#username').val(); var password = $('#password').val(); // 检查是否选择了记住密码 if ($('#rememberMe').is(':checked')) { // 将用户名和密码保存到本地存储 localStorage.username = username; localStorage.password = password; localStorage.checkbox = $('#rememberMe').val(); } else { localStorage.username = ''; localStorage.password = ''; localStorage.checkbox = ''; } // 执行登录逻辑 // ... // 清空表单字段 $('#username').val(''); $('#password').val(''); $('#rememberMe').removeAttr('checked'); }); </script> </body> </html> ``` 这是一个基于HTML和JavaScript的简单示例，使用了localStorage来保存记住密码的信息。当页面加载时，会检查localStorage中的信息，并根据是否有记住密码的信息来填充表单字段。当用户提交登录表单时，会根据记住密码的选择来保存或清除用户名和密码的信息。 请注意，这只是一个简单的示例，实际情况下，应该在服务器端进行验证和处理登录逻辑，并使用安全的存储方式来保存敏感信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java_才怪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值