JQuery记住用户名和密码的具体实现
2014-04-04 00:00
621 查看
<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记住用户名和密码的具体实现
- JQuery记住用户名和密码的具体实现
- JQuery记住用户名和密码的具体实现
- JQuery记住用户名和密码的具体实现
- JQuery记住用户名和密码的具体实现
- Jquery 实现 “下次自动登录” 记住用户名密码功能
- jQuery cookie 实现记住用户名和密码功能
- 通过jquery.cookie.js实现记住用户名和密码的功能
- JQuery记住用户名密码实现下次自动登录功能
- 用jquery的cookie实现登录页记住用户名和密码
- 通过jquery.cookie.js实现记住用户名、密码登录功能
- JQuery实现记住用户名和密码
- 用jquery的cookie实现登录页记住用户名和密码
- JQuery记住用户名密码实现下次自动登录功能
- JQuery实现记住用户名和密码
- 利用JQuery记住用户名及密码以实现自动登录
- Jquery 实现 “下次自动登录” 记住用户名密码效能
- jquery实现记住用户名和密码
- 利用JQuery记住用户名及密码以实现自动登录
- Jquery 实现 “下次自动登录” 记住用户名密码功能