skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

フォームをリアルタイムでチェックするjavascript「FormCheck」

｜ ｜ ｜ ｜ ｜ ｜ ｜

フォームで入力を間違われると確認のしようがなくなる可能性があります
そのためにもフォームの入力項目を確認する必要があります。
Formcheck 2ではリアルタイムに入力内容を確認し、異なる場合は、ヒントを出すjavascriptを公開しています。

使用方法
Formcheck 2からformcheck.jsとformcheck.cssをダウンロードします。
ヒント用に画像が幾つかありますので、ダウンロードした上でCSSのパスを修正してください。
またmootoolsからmootools.jsもダウンロードします。
<link rel="stylesheet" href="http://yourdomain/formcheck.css" type="text/css" media="screen">
<script type="text/javascript" src="http://yourdomain/mootools.js"<>/script>
<script type="text/javascript" src="http://yourdomain/formcheck.js"<>/script>
<script type="text/javascript">
window.addEvent('domready', function(){check = new FormCheck('id名', {
})});
</script>
headに上記を書き込み、フォームのidを上で指定したもの、さらにinputにclassでvalidateなどを記入します。
詳細はフォームをリアルタイムでチェックするjavascript「FormCheck」サンプルを参照してください。

記事作成：2007年09月05日

前の記事：自動文字参照javascript「jQuery Autocomplete」
次の記事：コンテンツをスライド表示するjavascript「glider.js」