フォームをリアルタイムでチェックする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」

関連記事

• フォームの項目をチェックするjavascript「fValidator」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• [mootools]WysEditor
• [mootools]TimeSpinner
• [mootools]Time Picker

• チラ見せしちゃうJavaScript「Page Peel」
• 入力内容の絞込みを行うJavaScript「Live Filter」
• JavaScriptライブラリ「jQuery」で、いい動きのスライダーを作る「Start/Stop Slider」
• お手軽にタブ切り替えを行うJavaScript「Spotlight」
• 2008年アクセスランキング
• jQueryプラグイン「pikachoose」で小気味良いスライドショーを作る
• jQueryで画像に反射効果を！「Reflection.js for jQuery」
• jQueryでニュースティッカーを作成するJavaScript「JqNews」
• JavaScriptライブラリ「jQuery」でカレンダーを表示する「dynDateTime」
• 画像のキャプションをクールに表示するJavaScript「jQuery Captify Plugin」