2008年11月7日金曜日

javascriptでフォームをチェック [fValidator]

かなり便利なjavascriptのフォームチェック。

fValidatorからfValidator.jsをダウンロードし、さらにmootools.jsをダウンロードします。
フォームを普通に書き、必須項目の場合はclassにfValidate['required']を付与するだけです。
またrequiredのほかにも以下のようなオプションがあるので、項目に合わせ適宜付与してください。

required必須項目
alphaアルファベット
alphanumアルファベットと数字
integer数字
date日付(mm/dd/yyyyの形)
phone電話番号
emailE-mail
urlURL


例) class="fValidate['required','email']" メールチェック 兼 入力チェック。

最初に初期化をする必要があります。

window.addEvent("domready", function() {
var exValidatorA = new fValidator("formのid名");
});


最初なんでか動かず。
mootools.js
fValidator.js
のセットだと確実に動く。


コピペですんませんがskuare.netさん、ありがとう。
カスタマイズする際はここが参考になる。
Chris McMichael

0 件のコメント: