Kumu.validator

submit時にalertではなく、入力時のリアルタイムチェックのみ。
項目別にヒント表示もしてあげないとつらいかな。
全部OKになるまでsubmit無効化も可能。

参照
http://teeda.seasar.org/ja/kumu_validate.html

<script type="text/javascript" src="kumu.js"></script>
<script type="text/javascript" src="event.js"></script>
<script type="text/javascript" src="validate.js"></script>

<script>
// nameじゃなくidで指定にする
Kumu.Validator.modeId(true);
// ターゲットのIDとValidatorを指定
KumuValidatorConf = {
	// testをcallback
	id : {'Required' : test}
}
function test(element, result){
	if(result){
		element.style.background = '#ffffff';
	}else{
		element.style.background = '#ff6666';
	}
}
<script>