jQuery でフォームの入力チェックを実装する

フォームに入力されたデータを受け取るときに、入力された内容をエスケープすることは、こちらの記事で触れましたが、送信される前にjQueryで入力値のチェックを行えるとページの推移もなく、便利ですよね。

そんなときに、非常に役立つのが、exvalidation というjQueryのプラグインです。
以下のサイトさんに詳細の説明や、ダウンロードへのリンクがありますので、気になる方はぜひ使ってみてください。

私自身、使って動作確認済みですので、おすすめです。
ほかのjQueryなども使っているページないでは、コンフリクトして動かない場合もあるかと思うので、その場合は、以下のように、コンフリクトを解消することで動くと思います。

<script type="text/javascript">

  jQuery.noConflict();

	var validation = jQuery("form#exvali")
		.exValidation({
			errInsertPos: 'after',
			errPosition: 'fixed'
		});
</script>

参考サイト
http://5509.me/log/exvalidation

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です