WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:メールフォームのalertについて

0:[投稿] あき [2006/06/03 10:45 ] [環境:winXP winXP]

メールフォームの必須入力のチェックをalertで表示する方法で、まとめてエラーチェックを確認したいのです。
テキストのエラーチェックはできるのですが、チェックボックス、セレクトボックス、ラジオボタンのチェック方法がわかりません。たとえば、

以下の項目に誤りがあります。
お名前の入力がありません。
メールアドレスの入力がありません。
○○○が選択されていません。
○○○が選択されていません。
………
というようにまとめて確認表示ができるようにしたいのですが教えていただけますでしょうか?
お願いいたします。


1:[回答] m035 [2006/06/03 16:20 ][URL]

漠然としているので概要だけ書きます。
<form method="" action="" onsubmit="return チェック用関数()">
のようにし、チェック用関数内でエラーがあった場合はreturn falseして送信を中止、そうでない場合はreturn trueします。
チェック用関数では
function チェック用関数(){
var mes="";
/*テキストボックスチェック*/
/*チェックボックスチェック*/
/*セレクトボックスチェック*/
/*ラジオボタンチェック*/
if(mes.length>0){
alert(mes);
return false;
}
return true;
}
のようにし、各チェック部分でエラーだった場合、特定の変数(この場合はmes)にエラー内容を表す文字列を追加していき、
最後に一度だけalert(mes)することよって複数のエラーが出た場合に何度もalertされないようにしたほうがよろしいかと思います。
このとき適切な部分に"\n"を入れないととても読みづらくなるのでご注意を。
また、各部分のチェックに関しては検索するなどしてサンプルを見つけ、修正しつつ組み合わせていけば出来ます。


2:[完了] あき [2006/06/05 02:38 ]

アドバイスをいただきましたので、がんばってやってみます。
ありがとうございます。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]