この記事の例では、jquery.cookie.js がユーザー ログインのパスワードを保存する機能を実装する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
インポートする必要がある js は jquery.js と jquery.cookie.js です
<script type="text/javascript" src=" jquery-1.5.2.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script>
ページが読み込まれると、まず Cookie の値の取得を試みます。Cookie に値がある場合は、取得した値を入力ボックスに入力し、チェック ボックスをオンにしてパスワードを保存します。
jQuery(function(){ //获取cookie的值 var username = $.cookie('username'); var password = $.cookie('password'); //将获取的值填充入输入框中 $('#uName').val(username); $('#psw').val(password); if(username != null && username != '' && password != null && password != ''){//选中保存秘密的复选框 $("#remember_password").attr('checked',true); } });
ログイン時にパスワードを保存するチェックボックスがチェックされているかどうかを決定します。チェックされている場合は Cookie を作成します (有効期間はお客様自身で決定できます。以下の Cookie は 7 日間有効です)。チェックされていない場合は削除します。 Cookie (前回保存されている可能性があるため、パスワードの保存をキャンセルすることを選択します。そのため、次回ログイン時に Cookie の値がなくなるように、Cookie を削除する必要があります)。
インターネット上の多くの記事では、Cookie の削除操作に特に注意してください。$.cookie('username',null) というメソッドが使用されていますが、このメソッドを使用すると、再度ログインするたびに Cookie が存在します。 $.cookie ('username','') を使用しようとしましたが、依然として問題があり、プログラムはパスワードを保存できなくなります。
//提交表单的处理函数 function Login() { var uName =$('#uName').val(); var psw = $('#psw').val(); if($('#remember_password').attr('checked') == true){//保存密码 $.cookie('username',uName, {expires:7,path:'/'}); $.cookie('password',psw, {expires:7,path:'/'}); }else{//删除cookie $.cookie('username', '', { expires: -1, path: '/' }); $.cookie('password', '', { expires: -1, path: '/' }); } //.... //提交表单的操作 }
ログイン ページの [パスワードを保存] チェックボックス
<input type="checkbox" name="remember_password" id="remember_password"/> <span id="span_tip" style="margin-bottom:-2px;color:white;font-size:12px;">记住密码 </span>
追記: ここでは、非常に強力で使いやすい JavaScript の圧縮、書式設定、暗号化ツールをお勧めします (コードを暗号化したい人には、ここで js 暗号化関数を試してみてください):
JavaScript 圧縮/フォーマット/暗号化ツール: http://tools.jb51.net/code/jscompress
さらに、上記の js ツールの暗号化には eval 関数暗号化形式が使用されており、このサイトでは非常に強力で実用的な eval 関数暗号化用の次の復号化ツールも提供しています。
JS eval メソッドのオンライン暗号化および復号化ツール: http://tools.jb51.net/password/evalencode
さらに jQuery 関連のコンテンツに興味のある読者は、このサイトの特別トピック「JQuery Cookie 操作スキルの概要」、「jQuery テーブル (テーブル) 操作スキルの概要」を参照してください。 🎜>" , "jQuery のドラッグ効果とテクニックのまとめ", "jQuery 拡張テクニックのまとめ", "jQuery の一般的な古典的な特殊効果のまとめ", 「jQuery アニメーションと特殊効果の使い方まとめ」、「jQuery セレクターの使い方まとめ」、「jQuery の共通プラグインと使い方まとめ」
この記事が jQuery プログラミングのすべての人に役立つことを願っています。