メールフォームで必須項目を入力しないと送信できないようにするにはどうすればいいでしょうか?
現在は以下のとおりに書いてありますが、必須項目に書いてなくても送信できてしまいます。

<form method="post" action="CGI">
<h3>お問い合わせフォーム</h3>
<p>*は必須項目です。</p>
<table>
<tbody>
<tr>
<th>お問い合わせ内容*</th>
<td><textarea name="お問い合わせ内容" class="l" cols="40" rows="12"></textarea></td>
</tr>
<tr>
<th>お名前(漢字)*</th>
<td><input type="text" name="お名前(漢字)" class="m"></td>
</tr>
<tr>
<th>お名前(フリガナ)*</th>
<td><input type="text" name="お名前(フリガナ)" class="m"></td>
</tr>
<tr>
<th>E-Mail*</th>
<td><input type="text" name="E-mail" class="l"></td>
</tr>
<tr>
<th>電話番号(半角)*</th>
<td><input type="text" name="電話番号" class="l"></td>
</tr>
</tbody>
</table>
<input type="submit" value="  送信  " class="button"></form>


また必須項目が未入力のときにエラーメッセージ(「お名前が未入力です。」など)を出したいのですがどのようにすればいいですか?

A 回答 (1件)

まずjavascriptでチェックします。


すべて一旦送信してエラーを返すより良いと思います。

<script type="text/javascript">
function inchk(f){var ele="";
for(i=0;i<f.elements.length-1;i++){
if(f.elements[i].value=="") ele+=f.elements[i].name+"が未記入です\n";
}
if(ele){alert(ele);return false;}
}
</script>

<form method="post" action="CGI" onsubmit="return inchk(this)">

ただし、ユーザのブラウザが javascript OFF ですとこれは効きませんから、スクリプトでもチェックが必要ですけどね。
スクリプトは受信データを変数に格納しているところでチェックして確認ページにプリントします。
ここで説明するより、いろいろサンプルを見たほうがいいです。

参考URL:http://webmastertool.jp/
    • good
    • 0
この回答へのお礼

参考になりました。ありがとうございました。

お礼日時:2011/10/27 01:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

今、見られている記事はコレ!

  • エルフ田さん:第60話「味覚の足し算」

    エルフ(ファンタジーとかに出てくる長寿の種族)の「エルフ田」と、ただの人間である女子社員2人による日常ギャグ。エルフならではのズレたツッコミでバシバシ人間界の話題を斬っていきます。

  • たまランチ:第36話「最高においしいもの」

    外ランチを愛してやまない元気な女子社員・たまちゃん(26)。オシャレなお店より「安くておいしい」お店が大好き! そんな女子力低めなたまちゃんの、色気より食い気な日々をつづります。

  • 5月8日の母の日に向け知っておこう!プリザーブドフラワーの日持ちとお手入れ

    5月8日は母の日である。皆さん今年はお母さんにどんなプレゼントを贈るのか、もう決めただろうか? 昨年、「教えて!goo」では「専門家が指南。『母の日』のギフトで一番喜ばれるものは……?」という記事をリリース...

  • トイレ後に手を洗わない人は何を考えているの?

    用をたした後、皆さんは手を洗う? それとも洗わない? 「洗うのがあたりまえ」と考える人は、洗わずにトイレから立ち去る人を見ると、脳内に「?」が浮かんでくるもの。一体なぜ洗わないのか。手が汚れているはずな...

  • 後ろを振り返ると〇〇〇が見えた

    長い人生、後ろを振り返ってみたらいろいろなものが見えるかもしれない。「教えて!goo」には「後ろを振り返ってください」という不思議なタイトルの質問が寄せられており、「何が見えましたか?」という問いかけに...

おしトピ編集部からのゆる~い質問を出題中

お題をもっとみる

このQ&Aを見た人が検索しているワード


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ