prototype.jsで空欄を調べるにはField.present()を使います。パラメータに空欄チェックしたいテキストフィールド／テキストエリアのID名を指定します。複数のテキストフィールド／テキストエリアを調べる場合には、カンマで区切って列記します。空欄があるとfalse、空欄がない場合にはtrueを返します。
以下のサンプルは3つのテキストフィールドの空欄をチェックするものです。（サンプルを
実行する）
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>prototype.jsサンプル</title>
<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript"><!--
function checkBlank()
{
flag = Field.present("uName","uAge","uSex");
$("result").innerHTML ="";
if (!flag) $("result").innerHTML = "空欄があります";
}
// --></script>
</head>
<body>
<h1>prototype.jsサンプル</h1>
<form>
氏名：<input type="text" value="" id="uName"><br>
年齢：<input type="text" value="" id="uAge"><br>
性別：<input type="text" value="" id="uSex"><br>
<input type="button" value="空欄チェック" onClick="checkBlank()">
</form>
<div id="result"></div>
</body>
</html>
[
目次へ]
(2006.3.23)