javascript テキストフォームの入力漏れチェック

JavaScript

ユーザーに優しくサーバーにも優しい、javascript テキストフォームの入力漏れチェック。

サンプル

<html>
<head>
<title>JavaScriptによるテキストフォームの入力漏れチェック</title>

<script type="text/javascript"> 
<!-- 
function check(){

	var flag = 0;

	// 設定開始(必須にする項目を設定してください)
	if(document.form.area1.value == ""){	//「名前」の入力をチェック

		flag = 1;
	}
	else if(document.form.area2.value == ""){	//「e-Mail」の入力をチェック

		flag = 1;
	}
	else if(document.form.area3.value == ""){	//「本文」の入力をチェック

		flag = 1;
	}
	// 設定終了


	if(flag){

		window.alert('未入力がありました'); // 入力漏れがあれば警告ダイアログを表示
		return false; // 送信を中止
	}
	else{

		return true; // 送信を実行
	}

}

// -->
</script>

</head>
<body>


<form method="POST" action="" name="form" onSubmit="return check()">
<p>名前:<input type="text" name="area1" size="50"> (必須)</p>
<p>e-Mail:<input type="text" name="area2" size="50"> (必須)</p>
<p>本文:<textarea name="area3" rows="5" cols="50"></textarea> (必須)</p>
<p><input type="submit" value="送信"></p>
</form>


</body>
</html>

 

コメント

タイトルとURLをコピーしました