送信フォームに入力されたデータの正当性をチェックします。サーバに送信する前にチェック出来るのでユーザの利便性は大幅に向上しますが、JavaScript によるクライアント側でのチェックなので、サーバに送信されるデータの保証にはなりません。そういった事情を考えると、そんなに大げさなチェックは必要ないと思います。ケースバイケースでちまちまと書くこともないでしょう。そこで簡単に実装できるようにオブジェクト化してみました。

使い方は、

var d = new Validator();

で、Validator オブジェクトを作成して、チェックしたい項目数分だけ、add() するだけです。

d.add('telno', '電話番号が不正です！', /^\d{2,5}-\d{1,4}-\d{4}$/); 

第1引数は、項目の name 属性、第2引数は、エラー時のメッセージ文字列、第3引数は正当性チェックに使用する正規表現です。第3引数は省略可能で、省略した場合は、

/\S/

によって、データの存在チェックを行います。

あとは、<FORM> に、

... onsubmit="return d.check()" ...

を追加するだけです。

■ サンプル

■ ソース