[javascript]exvalidation.jsが動作しない時必見！代わりとなるjavascriptを紹介

jqueryのバージョンによってはexvalidation.jsが動作しない場合があります。
※特に新しいバージョンのjqueryを使用しているときに動作しなくなった方が多いのではないでしょうか？
動作しなくて困ったという方にオススメできるjavascriptを紹介いたします。

jquery.validate.js

利用方法

jQuery本体と配布元よりダウンロードし、読み込みます。
http://jqueryvalidation.org/

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>

バリデーションを行いたいのが次のようなHTMLの場合、

<form method="post">
	<ul>
		<li>名前 <input name="name" type="text" /></li>
		<li>メール <input name="mail" type="text" /></li>
		<li>url <input name="url" type="text" /></li>
	</ul>
	<input type="submit" name="Submit" value="Submit"/>
</form>

JavaScriptで次のようの設定を行うとバリデーションを実装することが出来ます。

<script type="text/javascript">
$(function(){
	$("form").validate({
		rules: {
			name :{
				required: true
			},
			mail :{
				required: true,
				email: true
			},
			url :{
				required: true
			}
		},
		messages: {
			name :{
				required: "お名前を入力してください"
			},
			mail :{
				required: "メールアドレスを入力してください",
				email: "正しいメールアドレスを入力してください"
			},
			url :{
				required: "URLを入力してください"
			}
		}
	});
})
</script>