- 締切済み
【alert();について】
【alert();について】 お世話になります。 現在フォームの簡単な入力チェックを作っています。 チェック対象:タイトル・本文・添付ファイル名 動作:入力漏れがあれば、alert("…を入力してください");を吐く ▼やりたいこと 3項目のチェック結果を1アラートで表示したい。 ------------------------------- ・タイトルが入力されていません。(タイトルが入力漏れの場合) ・本文が入力されていません。 (本文が入力漏れの場合) ・添付ファイルがありません。 (添付ファイルが入力漏れの場合) ------------------------------- ※エラー数分、アラートが出るのは× ライブラリ(jquery)を利用して書いています。 配列でまわしてみたり、フラグを立ててみたりしてるのですが、 うまく動かず、どう書いていいかまとまりません…。 //タイトル値 var chkTitle = $("#title").val(); //ファイル名 var chkFname = $("#fname").val(); //テキスト var chkText = $("#test p:first-child"); //チェック項目配列 chkArray = new Array(chkTitle,chkFname,chkText); var eCount = 0; $.each(chkArray,function(i){ if(chkArray[i]=="") { eCount = eCount + 1 ; } }); alert(・・・・・); どなたかお力をお貸しくださいませ。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
結果をどのように表示したいのかよくわからないけど… 例えばこんな感じ? (jqeryは使ってません) <html> <head><title>test</title> <script type="text/javascript"> function test() { var c = {title:'タイトル',formbody:'本文',file:'ファイル'}; var key, m = ''; for (key in c) { if (document.getElementById(key).value == '') m += m?('・' + c[key]):c[key]; } if (m) alert(m + 'が入力されていません。'); return !m; } </script> </head> <body> <form action="" method="" onsubmit="return test();"> <span style="width:5em;">タイトル:</span> <input type="text" id="title" value=""><br> <span style="width:5em;">本文:</span> <input type="text" id="formbody" value=""><br> <span style="width:5em;">ファイル:</span> <input type="file" id="file" value=""><br> <input type="submit" value="送信"> </form> </body> </html>