通過jquery.cookie.js實現記住使用者名稱和密碼的功能

風過留痕丶發表於2014-06-23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="jquery1-11.js"></script>
    <script src="jquery.cookie.js"></script>
    <script>
        $(document).ready(function(){
            if($.cookie("userName")){
                alert('填充cookie');
                $('.userName').val($.cookie("userName"));
                $('.pwd').val($.cookie("pwd"));
            }
            $('button').click(function(){
                var userName=$('.userName').val();
                var pwd=$('.pwd').val();
                $.cookie("userName",userName,{expires:7});
//                儲存七天
                $.cookie('pwd',pwd,{expires:7});
                alert('成功勝出cookie,下次進網頁自動填充');
            })
        })
    </script>

</head>
<body>
<input type="text" class="userName"/><br/><br/>
<input type="password" class="pwd"/><br/><br/>
<button >登入</button>
</body>
</html>

相關文章