メールフォームで必須項目を入力しないと送信できないようにするにはどうすればいいでしょうか?
現在は以下のとおりに書いてありますが、必須項目に書いてなくても送信できてしまいます。
<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>
また必須項目が未入力のときにエラーメッセージ(「お名前が未入力です。」など)を出したいのですがどのようにすればいいですか?
No.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/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ビルダー20 お問合せフォー...
-
ビジネスメールの敬称
-
テキストボックスの番号を使っ...
-
DATE型変数を初期化する方法
-
初歩的な事だと思います。 Sub...
-
エクセルVBA テキストボックス...
-
数字以外の入力をエラーにする...
-
Excel-VBAでInputBox+Pulldown...
-
入力フォームの値をQRコードで...
-
c#でTextBoxの入力制限
-
TextBoxから数字が文字...
-
教えて!全角文字「μ」の半角
-
EXCEL VBA で指定した範囲に入...
-
ホームページでCGIのフォームを...
-
フォームを再送信しますか?
-
excel vba でユーザーフォーム...
-
uwsc webページ内のテキストボ...
-
アクセスのマクロ
-
ACCESSから、メール送信を行い...
-
BASP21のSendMailとSendMailEx...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力フォームの値が消える
-
メールフォームで送信先アドレ...
-
ビルダー20 お問合せフォー...
-
アンケートフォームなどの送信...
-
ホームページビルダー18での...
-
フォームーSubmitから呼...
-
入力フォームの改造をしたいん...
-
携帯に任意のURLをメール転...
-
プルダウンの項目によって送信...
-
フォームから送信されたメール...
-
javascriptの数値をcgiへ渡したい
-
メールフォームで必須項目の仕方
-
javascript フォームタグ 画面...
-
ビジネスメールの敬称
-
エクセルVBA テキストボックス...
-
テキストボックスの番号を使っ...
-
DATE型変数を初期化する方法
-
Safariで「本当にこのフォーム...
-
VBAで質問があります
-
フォームを再送信しますか?
おすすめ情報