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

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

使用方法
Formcheck 2からformcheck.jsformcheck.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」サンプルを参照してください。

sponsors

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

記事作成:
記事URL:

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