memo.xight.org

日々のメモ

Realtime validation - 入力値を動的にチェックするライブラリ

Screen shot

左から 未入力時, 異常値入力時, 正常値入力時.
クリックして拡大クリックして拡大クリックして拡大

Usage

prototype.js とvalidate.js を自分のHTMLに読み込んで
下記の様に正規表現で表示するメッセージを指定するだけで利用可能.

Source - JavaScript

Validator.register({
	"#mail" : {
	"/^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$/": "OK",
	"/^$/": "必ず入力してください",
	"/.*/": "正しいメールアドレスを入力してください" 
	}
});


Source - HTML

<input name="mail" id="mail"/><span id="mail_msg"></span>


Reference

masuidrive - Realtime validation using Ajax
http://masuidrive.jp/validation/

via

masuidrive - 2006-01-05 - Realtime validation using Ajax
http://blog.masuidrive.jp/articles/2006/01/05/validation