フォーム入力時の複数個所の未入力箇所を一括表示させる方法

2008/07/05 11:17

このQ&Aのポイント

フォーム入力時に、複数個所の未入力箇所がある場合に、一括で未入力箇所を表示させる方法を知りたいです。
具体的には、必須入力項目が未入力の場合に、その箇所のインデックスナンバーと警告文を表示させたいです。
初心者なので、解説も加えていただけると助かります。

suica7
お礼率68% (13/19)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

auty
ベストアンサー率58% (284/486)

2008/07/05 12:08 回答No.1

・　入力の数が多いときは、テーブルを利用するとよいかもしれません。・　テーブルのセルにアクセスするには、 rows[i].cells[j] の形を使います。・　簡単な例ですが、以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <title>HTML DOM TableRow cells</title> <script type="text/javascript"> function check() { var tbl = document.getElementById("Table1"); var rows = tbl.rows; var ss = ""; for (var i=1; i<rows.length ; i++) { if (rows[i].cells[2].firstChild.value=="") ss += "," + (i); } if (ss.length>1) { ss = ss.substring(1); alert("インデックスNO" + ss + "のpriceが未入力です。"); return false; } return true; } </script> </head> <body> <form> <table id="Table1" border="1"> <tr> <th>index NO.</th> <th>title</th> <th>price</th> </tr> <tr> <td>1</td> <td>ABCD</td> <td><input type=text" /></td> </tr> <tr> <td>2</td> <td>QQQ </td> <td><input type=text" /></td> </tr> <tr> <td>3</td> <td>SSS</td> <td><input type=text" /></td> </tr> </table> </form> <br /> <input type="button" onclick="return check()" value="セルをチェック"/> </body> </html>

質問者