空欄をチェックする

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>空欄チェック</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function loadDataFile()
{
flag = Field.present("loadFilename1","loadFilename2","loadFilename3");
if (!flag)
{
$("result").innerHTML = "空欄があります。確認してください。";
return;
}
$("result").innerHTML = "";
for (i=1; i<=3; i++)
{
new Ajax.Request($F("loadFilename"+i), { method: 'get',
onComplete: function(httpObj) {
$("result").innerHTML += httpObj.responseText;
}
});
}
}
// --></script>
</head>
<body>
<h1>空欄チェック</h1>
<form>
読み込むファイル名１：<input type="text" value="sample1.html" id="loadFilename1"><br>
読み込むファイル名２：<input type="text" value="" id="loadFilename2"><br>
読み込むファイル名３：<input type="text" value="" id="loadFilename3"><br>
<input type="button" value="ファイルを読み込み表示する" onClick="loadDataFile()"><br>
</form>
<div id="result"></div>
</body>
</html>

・サンプルを実行する
Ajax逆引きクイックリファレンス　説明などは本書を参考にしてください。