| 解 説 |
特定のテキストフィールドの一括処理を行うにはnameで特定の名前＋番号を利用する方法と、関数の引数で指定する方法があります。特定の名前＋番号では送信し処理する場合に項目名がわかりにくいという欠点があります。サンプルではチェックしたいテキストフィールド名を関数の引数として渡し、空欄チェックを行っています。関数側では特に引数を記述していませんが、引数が不定数の場合「関数名.arguments.length」で引数の総数を、「関数名.arguments[参照番号]」として渡された引数のデータを参照することができます。この引数をフォームのエレメントの値として利用し参照するようにします。
|
| コード |
<![CDATA[
<html>
<head>
<title>特定のテキストフィールドの一括処理を行う</title>
<script language="javascript"><!--
function check()
{
flag = checkBlank("namae","address","tel");
if (!flag) alert("空欄があります");
}
function checkBlank()
{
for (i=0; i<checkBlank.arguments.length; i++)
if (!document.myFORM[checkBlank.arguments[i]].value) return false;
return true;
}
// --></script>
</head>
<body>
*は必須項目。<br>
<form name="myFORM">
名前：<input type="text" name="namae" >*<br>
〒：<input type="text" name="zip" ><br>
住所：<input type="text" name="address">*<br>
電話：<input type="text" name="tel" >*<br>
FAX：<input type="text" name="fax" ><br>
<input type="button" value="空欄チェック" onClick="check()">
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
特定のテキストフィールドの一括処理を行う