Java實現應用程式記住使用者名稱、密碼功能

標籤：wrapper   exp   his   isp   put   上下   java實現   ext   使用者   

1.      從網上下載jquery.cookie.js，拷貝到應用程式中。

2.      登入頁面（login.jsp）匯入jquery.cookie.js

<script type="text/javascript">
$(function(){
var n = $.cookie(‘username‘);
var p = $.cookie(‘password‘);
$("#username").val(n);
$("#password").val(p);
$(‘#cookiePwd‘).click(function(){
if($(this).attr(‘checked‘)){
$(‘#cookieInfo‘).attr(‘checked‘, true);
}
});
$("#btn").click(function(){
var n = $("#username").val().trim();
var p = $("#password").val().trim();
if($(‘#cookiePwd‘).attr(‘checked‘)){
$.cookie(‘username‘, n, {expires:7});
$.cookie(‘password‘, p, {expires:7});
}else{
$.cookie(‘username‘, null);
$.cookie(‘password‘, null);
}
});
});
</script>

 

<div class="login-wrapper">
<div class="login-area dib-m">
<form action="login.do" method="post" id="" name="" class="form">
<div id=‘btn_warning‘ class="bug-text" style="display: none;"></div>
<div class="user textbox"><input type="text" id="username" name="username" value="" placeholder="請輸入使用者名稱" ></div>
<div id=‘user_warning‘class="bug-text"></div>
<div class="pass textbox"><input type="password" id="password" name="password" value="" placeholder="請輸入密碼"></div>
<div id=‘pass_warning‘ class="bug-text"></div>
<div class="btn">
<input type="button" class="login-btn dib-m" id="btn" value="登　錄">
<label class="dib-m">
<em class="c9">記住密碼</em>
<input type="checkbox" checked class="checkbox checkbox-animbg dib-m" id="cookiePwd" ></label>
</div>
</form>
</div>
<div class="dib-m h"></div>
</div>

Java實現應用程式記住使用者名稱、密碼功能