Jquery Plugins validate

5700 ワード

公式サイト:http://plugins.jquery.com/project/validate
参照サイト:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
strutsでデータ検証をするように、検証が必要なフィールドに検証ルールを設定し、検証後のエラーメッセージを使用することができます。
required:「必須フィールド」
remote:「このフィールドを修正してください」
email:「正しい形式のメールを入力してください」
url:「合法的なURLを入力してください」
date:「合法的な日付を入力してください」
dateISO:「合法的な日付(ISO)を入力してください。」
number:「合法的な数字を入力してください」
digits:「整数しか入力できません」
クレジットカード番号を合法的に入力してください。
equalTo:「もう一度同じ値を入力してください」
accept:「適法な拡張子を持つ文字列を入力してください」
maxlength:jQuery.validator.format(「長さが最大で{0}の文字列を入力してください。」)
minlength:jQuery.validator.format(「長さが少なくとも{0}の文字列を入力してください。」)
ragenegth:jQuery.validator.format(「長さが{0}と{1}の間にある文字列を入力してください。」)
range:jQuery.validator.format(「{0}と{1}の間の値を入力してください。」)
max:jQuery.validator.format(「最大が{0}の値を入力してください。」)
min:jQuery.validator.format(最小は{0}の値を入力してください。)
××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
フォームフィールドの属性認証を次のように追加します。
<br>// validate signup form on keyup and submit<br>	$("#signupForm").validate({<br>		rules: {<br>			firstname: "required",<br>			lastname: "required",<br>			username: {<br>				required: true,<br>				minlength: 2<br>			},<br>			password: {<br>				required: true,<br>				minlength: 5<br>			},<br>			confirm_password: {<br>				required: true,<br>				minlength: 5,<br>				equalTo: "#password"<br>			},<br>			email: {<br>				required: true,<br>				email: true<br>			},<br>			topic: {<br>				required: "#newsletter:checked",<br>				minlength: 2<br>			},<br>			agree: "required"<br>		},<br>		messages: {<br>			firstname: "Please enter your firstname    ",<br>			lastname: "Please enter your lastname",<br>			username: {<br>				required: "Please enter a username",<br>				minlength: "Your username must consist of at least 2 characters"<br>			},<br>			password: {<br>				required: "Please provide a password",<br>				minlength: "Your password must be at least 5 characters long"<br>			},<br>			confirm_password: {<br>				required: "Please provide a password",<br>				minlength: "Your password must be at least 5 characters long",<br>				equalTo: "Please enter the same password as above"<br>			},<br>			email: "Please enter a valid email address",<br>			agree: "Please accept our policy"<br>		}<br>	});<br><br>
××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
例:




jQuery validation plug-in - main demo









<br>$.validator.setDefaults({<br> submitHandler: function() { alert("submitted!"); }<br>});<br><br>$().ready(function() {<br> // validate the comment form when it is submitted<br> $("#commentForm").validate();<br><br><br>});<br>








Please provide your name, email address (won't be published) and a comment