お申し込み用のformを作成していてformの各inputやtextareaへcookieを使用したいと考えています。
添付しました画像ファイルがcookieスクリプトです。
formの仕様でnameではなくidでcookieを記憶する方法を選んだのですが
初期入力画面で入力前に下記の様な文字(※)が自動で入力されます。
※「undefined」
formのinputは以下の様にしています。
>> <input type="text" size="25" name="お名前" id="name" />
>> <input type="text" size="20" name="フリガナ" id="furi" />
どうすれば、「undefined」が入力されたままではなく空白にできるか解決できず
途方に暮れています。
どうかお知恵をお借りできませんでしょうか。
ご教授、宜しくお願いいたします。
No.2ベストアンサー
- 回答日時:
下記のようにするか
function getCookie() {
if (document.cookie) { //←追加
…
} //←追加
}
下記のようにしてみるとどうでしょうか
if (document.form.elements[i].id == elements[i]) {
if (cookie3[i]) { //←追加
…
} //←追加
}
1番目の方法で「undefined」が表示されなくなりました。
まだまだ未熟なのでこれからも頑張っていこうと思います。
お礼と締め切りが遅くなりまして申し訳御座いませんでした。
又、困ったときはご教授お願いいたします。
No.1
- 回答日時:
画像が読み取れないので、想像だけの回答ですが…
スクリプトで最初(HTMLロード時)にcookieを読みに行って、そこに記入されているデータをform内に表示する仕様になっているのだと思います。
ただ、一番最初の閲覧時(cookieが未登録の時データがない)でも同じ処理をしてしまっているので、データが無い(=undefined)を記入しているのではないかと想像されます。
それなので、該当するcookieが無ければ処理を全体パスするようにするか、formに表示する際に「undefined」ならば何もしないというような分岐を追加してあげればよろしいのではないかと思われます。
(想像なので、はずれているかも知れません)
fujillinさまのおっしゃる通りの流れになります。
画像でスクリプト投稿をすると読みづらくなるのですね・・・
以後気をつけたいと思います。
お礼と締め切りが遅くなりまして申し訳御座いませんでした。
又、困ったときはご教授お願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストエリアをenterキーでフ...
-
テキストボックスの値同士を比...
-
ラジオボタンでクリックした値...
-
jqueryでtextareaのcols、rows...
-
submitボタン押下時にPOSTされ...
-
【jQuery】input nameの文字列...
-
Javascriptでのbuttonのname属...
-
カーソルが自動的に移動する方法
-
JavaScriptにて動的に配列を作...
-
javascriptの値をformのinput h...
-
cookie使用時にundefinedと表示...
-
テキストボックスの入力をリセット
-
新しくフォルダを作成したい
-
return trueとreturn falseの用...
-
テキストボックス入力を半角英...
-
onClick="this.form.submit
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
正規表現で複数マッチ条件で悩...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
javascriptの値をformのinput h...
-
新しくフォルダを作成したい
-
Javascriptでのbuttonのname属...
-
ファイル選択ダイアログが表示...
-
出発駅A、到着駅Bを選択すると...
-
テキストボックスの入力をリセット
-
JavaScriptにて動的に配列を作...
-
submitボタン押下時にPOSTされ...
-
ボタンを押すとテキストボック...
-
ラジオボタンでクリックした値...
-
二つの入力欄に、同時に同じ文...
-
テキストボックスの値同士を比...
-
name属性のないformタグの、中...
-
ASP.NETでNAME属性を固定にしたい
-
複数のテキストフィールドを同...
-
フォームの一部をPOSTで送信で...
-
テキストエリアをenterキーでフ...
-
動的にTabindexの値を変えたい!
-
GETパラメータの内、空文字のク...
おすすめ情報