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}の値を入力してください。)
××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
フォームフィールドの属性認証を次のように追加します。
例:
参照サイト: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>