Realtime validation using Ajax
Remember The Milk - Signupみたいなことがお手軽にできるライブラリらしい。
サンプルコードはこんな感じ。
Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$/": validates_ok, "/^$/": validates_error+"必ず入力してください", "/.*/": validates_error+"正しいメールアドレスを入力してください" }, ".validate_kana" : { "/[^ぁ-ん゛゜ー ]/": validates_error+"ひらがな以外は入力できません", "/^$/": validates_error+"必ず入力してください", "/.*/": validates_ok }, ".over10" : { "/^[0-9]+$/": function(element) { if(element.value>=10) return validates_ok; return validates_error+"10以上を入力してください"; }, "/.*/": validates_info+"数字を入力してください" }, ".eval" : function(element) { return eval(element.value); } });
もうちょっと楽になるような気がするんだけどなぁ。
多分分かりやすくするためなのかな。"#"がidで"."がクラス名。input要素のid+"_msg"をid属性にもった要素を作っておくとそこがメッセージ出力要素になるのか。
んで、メンバーの中に直接チェック内容が書いてある。ここをカスタマイズすればいいのかな、多分。
あと、自分の中の正規表現アレルギーを克服しなければダメだ。そろそろ向き合わないと。