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

转载 2016年06月01日 08:38:48
代码如下:

<div> 
<input id="username" type="text" class="txt1" value="请输入用户名" onclick="if(this.value=='请输入用户名'){this.value=''; }" onfocus="if(this.value=='请输入用户名'){this.value=''; }" /> 
<input id="password" type="text" class="txt2" value="请输入密码" onclick="if(this.value=='请输入密码'){this.value='';this.type='password';}" onfocus="if(this.value=='请输入密码'){this.value='';this.type='password';}"/> 
</div> 

JQuery Code 
复制代码代码如下:

$(document).ready(function(){ 
if ($.cookie("rmbUser") == "true") { 
$("#ck_rmbUser").prop("checked", true); 
$("#username").val($.cookie("username")); 
$("#password").remove(); 
$("#pass").append("<input id='password' type='password' class='txt2'/>"); 
$("#password").val($.cookie("password")); 

$("#loginButton").click(function(){ 
if(check()){ 
login(); 

}); 
}); 


//记住用户名密码 
function save() { 
if ($("#ck_rmbUser").prop("checked")) { 
var username = $("#username").val(); 
var password = $("#password").val(); 
$.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie 
$.cookie("username", username, { expires: 7 }); 
$.cookie("password", password, { expires: 7 }); 
}else{ 
$.cookie("rmbUser", "false", { expire: -1 }); 
$.cookie("username", "", { expires: -1 }); 
$.cookie("password", "", { expires: -1 }); 

}; 

function check(){ 
var username = $("#username").val(); 
var password = $("#password").val(); 
if(username == "" || username == "请输入用户名"){ 
$("#tip").text("请输入用户名!"); 
$("#username").focus(); 
return false; 

if(password == "" || password == "请输入密码"){ 
$("#tip").text("请输入密码!"); 
$("#password").focus(); 
return false; 

$("#tip").text(""); 
return true; 


function login(){ 
$.ajax({ 
type:"POST", 
url: "login!loginValidate.action", 
data:{userName:$("#username").val(),password:$("#password").val()}, 
dataType:"json", 
beforeSend: function(){ 
showOverlay(); 
}, 
success:function(data){ 
if(data.success){ 
addCookie("userName", $("#username").val(), 0); 
save(); 
location.href = "/index.jsp"; 
}else{ 
$("#overlay").hide(); 
$("#tip").text("用户名或密码错误,请重新登录!"); 
return false; 



}); 

jquery cookie记住用户名和密码(使用方法)

记住用户名密码操作
  • YQRQR
  • YQRQR
  • 2016年05月28日 17:50
  • 1771

登录记住用户名密码

描述:登陆 , 选中记住密码。下次可以直接登陆,用户名,密码在文本框直接显示。 导入:jquery.cookie  、 jquery-1.3.1 $(document).ready(fu...
  • carl_jiang
  • carl_jiang
  • 2017年04月13日 19:43
  • 357

解决浏览器记住用户名和密码问题

一般浏览器在选择记住密码的时候,在开发时它会自动填充进去,就像这样 因为我测试的使用谷歌浏览器,而谷歌浏览器又比较顽固,在网上查找了一些解决办法,像利用HTML5的新特性 autoc...
  • fangqun663775
  • fangqun663775
  • 2017年08月11日 18:44
  • 351

安卓 实现记住用户名和密码功能

开发步骤: 在程序布局中键入复选框 在LoginActivity类中加入登陆处理的方法 3.在 LoginActivity类中加入是否记住密码的判断方法 4.运用SharedPreferences...
  • u013302768
  • u013302768
  • 2015年06月02日 00:12
  • 1772

Android 实现记住用户名和密码的功能

Android 实现记住用户名和密码的功能结果演示: 源代码下载地址:https://github.com/GXS1225/Android————-.git分析(1)判断是否输入了账号和密码 ...
  • GXSeveryday
  • GXSeveryday
  • 2015年06月01日 22:58
  • 1540

利用JQuery记住用户名及密码以实现自动登录

实现此功能需要引用JQuery.js与jquery.cookie.js插件,具体代码如下:
  • u012255097
  • u012255097
  • 2016年08月01日 15:31
  • 4847

【JSP&Servlet】Cookie 记住用户名密码

效果展示 首页 login.jsp
  • lujiachun1
  • lujiachun1
  • 2017年04月13日 11:36
  • 554

git记住用户名和密码

在使用git时,如果用的是HTTPS的方式,则每次提交,都会让输入用户名和密码,久而久之,就会感觉非常麻烦,那么该如何解决呢?方式一:使用SSH,添加ssh key。方式二:在全局中存储用户的账号密码...
  • qq_28602957
  • qq_28602957
  • 2016年08月08日 18:20
  • 17806

登录界面—记住用户名和密码

每次登录都需要输入完整的帐号与密码,那么可以设置记住密码,再次登录一点即可! 代码如下: 第一部分:文本框 form id="login" name="login" action="login" ...
  • qq_32053361
  • qq_32053361
  • 2016年07月18日 20:25
  • 4743

java实现应用程序记住用户名、密码功能

本文介绍的记住用户名、密码功能是借用jQuery插件方式实现。   1.      从网上下载jquery.cookie.js,拷贝到应用程序中。 2.      登录页面(login.jsp)...
  • zhanglili055
  • zhanglili055
  • 2012年03月07日 17:33
  • 3527
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery记住用户名和密码的具体实现
举报原因:
原因补充:

(最多只允许输入30个字)