cookie使用時にundefinedと表示される

質問

お申し込み用の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

l27074 · ベストアンサー

下記のようにするか
function getCookie() {
　if (document.cookie) { //←追加
　…
　} //←追加
}

下記のようにしてみるとどうでしょうか
if (document.form.elements[i].id == elements[i]) {
　if (cookie3[i]) {　//←追加
　…
　} //←追加
}

お礼

1番目の方法で「undefined」が表示されなくなりました。
まだまだ未熟なのでこれからも頑張っていこうと思います。
お礼と締め切りが遅くなりまして申し訳御座いませんでした。

又、困ったときはご教授お願いいたします。

回答No.1

fujillin

画像が読み取れないので、想像だけの回答ですが…

スクリプトで最初（HTMLロード時）にcookieを読みに行って、そこに記入されているデータをform内に表示する仕様になっているのだと思います。
ただ、一番最初の閲覧時（cookieが未登録の時データがない）でも同じ処理をしてしまっているので、データが無い(=undefined）を記入しているのではないかと想像されます。

それなので、該当するcookieが無ければ処理を全体パスするようにするか、formに表示する際に「undefined」ならば何もしないというような分岐を追加してあげればよろしいのではないかと思われます。

（想像なので、はずれているかも知れません）

お礼

fujillinさまのおっしゃる通りの流れになります。
画像でスクリプト投稿をすると読みづらくなるのですね・・・
以後気をつけたいと思います。

お礼と締め切りが遅くなりまして申し訳御座いませんでした。

又、困ったときはご教授お願いいたします。