お問い合わせフォームを修正したいと思っております。

質問

ご覧頂き誠に有難う御座います。
現在PCサイトのお問い合わせフォームを修正したいと考えております。
理由としては、パソコンに不慣れなお客様が、フォーム内入力中などリターンを2回押すとそのまま送信となってしまい、フォーム作成途中にて作業を終了してしてしまうお客様が増加しているからです。

ただ間口を広くする為に必須項目を多く設けたくはないのですが、最終的に確認ボタンなどがあれば良いのかとも思います。

作成ソフトはDreamweaver MX 2004です。
かなり昔にサイトを作成したので、やさしく教えて頂ければ幸いです。
何か良い方法及び文献などあれば教えてください。

長文になって申し訳御座いません。
以上よろしくお願い致します。

回答No.2

think49 · ベストアンサー

> フォーム内入力中などリターンを2回押すとそのまま送信となってしまい、フォーム作成途中にて作業を終了してしてしまうお客様が増加しているからです。
なるほど。

テキストボックスにおいて [Enter] で入力を確定した後に [Enter] を再入力するとフォーム送信されてしまう。
これを何とかしたい。

ということですね？
これはHTMLでは出来ません。JavaScriptを使うことになると思います。
実装法としては、

- 初期動作でSubmitボタンを押せないようにする。各入力項目の内容を走査して、値が正しければSubmitボタンを押せるようにする。
- [Enter] キーによるフォーム送信を無効化する

の2通りが考えられます。
前者は「JavaScriptオフの環境ではフォーム送信できない」問題がありますが、正しく入力すれば [Enter] キーでフォーム送信できます。(キーボード操作派には嬉しい)
後者は「実装が簡単」で「JavaScriptオフの環境でもフォーム送信可能」ですが、「マウスを使わないとフォーム送信できない」問題があります。
パソコンに不慣れなお客様はマウス操作が主流でしょうから、この方法も有りだとは思います。

> 作成ソフトはDreamweaver MX 2004です。
DreamweaverにJavaScriptの入力支援はないので、そこが課題になると思います。
JavaScriptはテキストベースの言語なのでDreamweaverでも書けないことはないのですが、ボタンを押してぱっとできるというタイプの言語ではないので、お勉強が必要になります。
「人に書いてもらう」とか「ネット上にあったコードをそのまま使う」とかで動作することもありますが、プログラムはしっかりとわかった上で使わないと安全ではありませんので…。

一応、下記URLにそれっぽいコードがあるんですけどね。
私の場合、ちゃんと理解して自分なりに書き直さないと落ち着きませんｗ

適当に書き連ねる日記のようなもの: [JavaScript] Enterキー無効化
http://vertex.air-nifty.com/blog/2006/09/javascript_ente_932f.html

もし、JavaScriptに関する質問をされるようでしたら、ここを閉じてカテゴリ移動されると良いかと思います。

お礼

御連絡が遅くなってしまい大変失礼致しました。
又、私の拙い説明も想像を巡らせてご回答頂き誠に有難う御座います。

参考サイトを基にもう少しお勉強（笑）をする事にします。
本当に有難う御座いました。

回答No.1

OKwebb

今のロジックがどうなってるかよくわかりませんが、
> フォーム内入力中などリターンを2回押すとそのまま送信となってしまい
ということですので、多分送信の script があると思います。
送信前に確認ダイアログを出して、OKだったら送信するのがいいのではないですかね。
例：
if(window.confirm('送信するぞ！')){
// 送信処理
}

お礼

ご回答誠に有難う御座いました。
又御連絡が遅くなってしまい、失礼致しました。
基本的に、サイト運営の知識が乏しいようなので、勉強しながら、リトライしてみます。