jquery记住密码
<body>
<div class="container">
<ul class="main_content">
<li>
<input type="text"/>
</li>
<li>
<input type="password"/>
</li>
</ul>
<p ><input type="checkbox" name="checkbox" />记住密码</p>
<p class="login_btn">登录</p>
</div>
</body>
<script type="text/javascript">
$(function(){
getCookie();
})
$(".login_btn").click(function(){
var userName = $("#name").val();
if(userName == ''){
alert("请输入用户名。");
return;
}
var userPass = $("#pass").val();
if(userPass == ''){
alert("请输入密码。");
return;
}
setCookie();
$.post("${pageContext.request.contextPath}/yqfs/ajaxLogin",{"woman_id_card":userName,"pass":userPass},function(result){
if(result.flag == 'success'){
window.location.href='${pageContext.request.contextPath}/yqfs/visit';
}else{
alert(result.message);
}
});
});
function setCookie(){ //设置cookie
var loginCode = $("#name").val(); //获取用户名信息
var pwd = $("#pass").val(); //获取登陆密码信息
var checked = $("input[name='checkbox']").prop("checked");//获取“是否记住密码”复选框
if(checked){ //判断是否选中了“记住密码”复选框
$.cookie("login_code",loginCode);//调用jquery.cookie.js中的方法设置cookie中的用户名
$.cookie("pwd",$.base64.encode(pwd));//调用jquery.cookie.js中的方法设置cookie中的登陆密码，并使用base64（jquery.base64.js）进行加密
}else{
$.cookie("pwd", null);
}
}
function getCookie(){ //获取cookie
var loginCode = $.cookie("login_code"); //获取cookie中的用户名
var pwd = $.cookie("pwd"); //获取cookie中的登陆密码
if(pwd){//密码存在的话把“记住用户名和密码”复选框勾选住
$("[name='checkbox']").attr("checked","true");
}
if(loginCode){//用户名存在的话把用户名填充到用户名文本框
$("#name").val(loginCode);
}
if(pwd){//密码存在的话把密码填充到密码文本框
$("#pass").val($.base64.decode(pwd));
}
}
</script>说是有的会自动清楚缓存，苹果微信浏览之类的
<script type="text/javascript">
$(function(){
getCookie();
})
$(".login_btn").click(function(){
var userName = $("#name").val();
if(userName == ''){
alert("请输入用户名。");
return;
}
var userPass = $("#pass").val();
if(userPass == ''){
alert("请输入密码。");
return;
}
setCookie();
$.post("${pageContext.request.contextPath}/yqfs/ajaxLogin",{"woman_id_card":userName,"pass":userPass},function(result){
if(result.flag == 'success'){
window.location.href='${pageContext.request.contextPath}/yqfs/visit';
}else{
alert(result.message);
}
});
});
function setCookie(){ //设置cookie
var loginCode = $("#name").val(); //获取用户名信息
var pwd = $("#pass").val(); //获取登陆密码信息
var checked = $("input[name='checkbox']").prop("checked");//获取“是否记住密码”复选框
if(checked){ //判断是否选中了“记住密码”复选框
localStorage.setItem("login_code",loginCode);
localStorage.setItem("pwd",$.base64.encode(pwd));
}else{
localStorage.setItem("pwd", null);
}
}
function getCookie(){ //获取cookie
var loginCode = localStorage.getItem("login_code");
var pwd = localStorage.getItem("pwd");
if(pwd){//密码存在的话把“记住用户名和密码”复选框勾选住
$("[name='checkbox']").attr("checked","true");
}
if(loginCode){//用户名存在的话把用户名填充到用户名文本框
$("#name").val(loginCode);
}
if(pwd){//密码存在的话把密码填充到密码文本框
$("#pass").val($.base64.decode(pwd));
}
}
</script>使用
localStorage
- 上一篇 »javascript记住用户名和登录密码
- 下一篇 »linux去掉svn里记住的用户名密码