現在、クッキーによるIDとパスワードの保持機能を製作中なのですが、詳細は
チェックボックスにチェックをいれてログインすると次回からIDとパスワードをテキストボックスに表示させてログインボタンをクリックするとログインでき、さらにそのチェックボックスの状態も維持したいと考えております。そのチェックボックスの状態の維持の仕方がわからずに困っております。
下記のスクリプトでどのようにすれば良いのかどなたかご教授ください。
↓JS↓
var rwAuthInfo={conf:{kwordId:"login_id",kwordPass:"login_password",savePeriod:365,idElemKey:"id",passElemKey:"password",chkElemKey:"save"},CookieWrite:function(a,b,c){if(navigator.cookieEnabled){var d=new Date;d.setTime(d.getTime()+c*1E3*60*60*24);c=d.toGMTString();document.cookie=a+"="+escape(b)+";expires="+c+";path=/"}},CookieRead:function(a){if(typeof a=="undefined")return"";a+="=";var b="",c=document.cookie+";",d=c.indexOf(a);if(d!=-1){end=c.indexOf(";",d);b=unescape(c.substring(d+a.length,end))}return b}, getAuthInfo:function(){var a=unescape(rwAuthInfo.CookieRead(rwAuthInfo.conf.kwordId)),b=document.getElementsByTagName("input");for(i=0;i<b.length;i++)if(b[i].id==rwAuthInfo.conf.idElemKey&&a!=""){b[i].value=a;if(b[i].value=="Input a ID and Password")b[i].style.color="silver"}else if(b[i].id==rwAuthInfo.conf.idElemKey&&a=="")b[i].style.color="silver";a=unescape(rwAuthInfo.CookieRead(rwAuthInfo.conf.kwordPass));b=document.getElementsByTagName("input");for(i=0;i<b.length;i++)if(b[i].id==rwAuthInfo.conf.passElemKey&& a!="")b[i].value=a},saveAuthInfo:function(){var a=document.getElementById(rwAuthInfo.conf.chkElemKey);if(a.type=="checkbox"&&a.checked){var b=document.getElementById(rwAuthInfo.conf.idElemKey);a=document.getElementById(rwAuthInfo.conf.passElemKey);b=escape(b.value);rwAuthInfo.CookieWrite(rwAuthInfo.conf.kwordId,b,rwAuthInfo.conf.savePeriod);a=escape(a.value);rwAuthInfo.CookieWrite(rwAuthInfo.conf.kwordPass,a,rwAuthInfo.conf.savePeriod)}},addSubmitEvent:function(){for(i=0;i<document.forms.length;i++){var a= document.forms[i];try{a.addEventListener("submit",rwAuthInfo.saveAuthInfo,false)}catch(b){a.attachEvent("onsubmit",rwAuthInfo.saveAuthInfo)}}},addLoadEvent:function(){try{window.addEventListener("load",rwAuthInfo.getAuthInfo,false);window.addEventListener("load",rwAuthInfo.addSubmitEvent,false)}catch(a){window.attachEvent("onload",rwAuthInfo.getAuthInfo);window.attachEvent("onload",rwAuthInfo.addSubmitEvent)}}};rwAuthInfo.addLoadEvent();
↓HTML↓-----------------------------------------------------
<form action="index.php" id="login" method="post">
<div id="id_area"><label for="id">ID:</label><input type="text" id="id" name="id" onfocus="if(this.value == 'Input a ID and Password'){this.value = '';this.style.color='black';}" onblur="if(this.value == ''){this.value = 'Input a ID and Password';this.style.color='silver';return false;}" value="Input a ID and Password" maxlength="20" /></div>
<div id="password_area"><label for="password">パスワード:</label><input type="password" id="password" name="password" maxlength="20" /></div>
<div id="save_area"><input type="checkbox" id="save" name="save" value="" /><label for="save">ログイン情報を保存する</label></div>
<div id="submit"><input type="submit" class="submit" value="ログイン" /></div>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript 特定のタグのidの存...
-
<a>タグのテキストを取得
-
javascriptでCSVを呼出しvlookup
-
Click回数を数え、規定された回...
-
文字を点滅させるスクリプト ...
-
getElementsByClassについて
-
文字を一文字ずつ表示
-
window.openでタイトル名の指定
-
Excel VBA の ChangeFileAccess
-
クリックすると上に開くアコー...
-
javascriptの基本的なことだと...
-
JavaScriptで、現在日時から100...
-
ジェネレーターの作り方
-
google apps scriptの終了のさせ方
-
XMLHttpRequestでキャッシュを...
-
functionから別のfunctionを実...
-
VSCODE[Python]の設定について
-
JSONデータを50音順でソートしたい
-
javascript 変数名の連結をしたい
-
jQueryの :not() .not() が有効...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
任意の座標をクリックさせるには
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
-
Click回数を数え、規定された回...
-
HTML:Tableタグに対し、JavaScr...
-
JavaScriptでオブジェクトを取...
-
onchangeイベントを使ってspan...
-
【Tabキー】特定の範囲内だけで...
-
モーダルダイアログウィンドウ...
-
重複しないくじの作り方がわか...
-
javascript 特定のタグのidの存...
-
配列の大括弧と丸括弧はどう違う?
-
「nullまたはオブジェクトでは...
-
javascriptであるボタンを押す...
-
div要素内の全input要素をdisable
-
画像上のクリックした場所が分...
-
onclickを使わずにイベント処理...
-
javascript 作成した要素にCS...
-
RadioButtonListの表示制御
おすすめ情報