jquery.validate_jquery の使用手順-jsチュートリアル-php.cn

1. 準備
JQuery バージョン: 1.2.6、1.3.2 と互換性が必要

公式ウェブサイトのアドレス: http://jqueryvalidation.org/

2. デフォルトの検証ルール
(1)required:true 必須フィールド
(2)remote:"check.php" ajax メソッドを使用して check.php を呼び出し、入力値
(3)email:true 正しい形式で電子メールを入力する必要があります
(4)url:true 正しい形式で URL を入力する必要があります
(5)date:true を入力する必要があります正しい形式の日付
( 6)dateISO:true 日付 (ISO) を正しい形式で入力する必要があります。例: 2009-06-23、1998/01/22 有効性ではなく、形式のみを検証します。
(7)number:true 有効な番号を入力する必要があります (負の数値、10 進数)
(8)digits:true は整数を入力する必要があります
(9)creditcard: 有効なクレジットカード番号を入力する必要があります
(10)equalTo:"#field" 入力値は #field と同じである必要があります
(11)accept: 有効なサフィックス (アップロードされたファイルのサフィックス) を含む文字列を入力してください
(12) maxlength:5 最大長 5 の文字列を入力します (中国語は 1 文字として数えます)
(13 )minlength:10 最小長 10 の文字列を入力します (中国語は 1 文字として数えます)
( 14)rangelength:[5,10] 長さが 5 ～ 10 の文字列を入力してください") (漢字は 1 文字としてカウントされます)
(15)range:[5,10] 入力値は 5 の間である必要がありますおよび 10
(16)max:5 入力値は 5
(17)min:10 を超えることはできません入力値は 10

未満にすることはできません

3. デフォルトのプロンプト

コードをコピーしますコードは次のとおりです:

messages: { 
required: "このフィールドは必須です。"、
remote: "このフィールドを修正してください。"、
email: "有効なメール アドレスを入力してください。"、
url : "有効な URL を入力してください。"、
date: "有効な日付を入力してください。"、
dateISO: "有効な日付 (ISO) を入力してください。"、
dateDE: "ビットgeben Sie ein g眉毛 ltiges Datum ein."、
number: "有効な数字を入力してください。"、
numberDE: "Bitte geben Sie eine Nummer ein."、
digitals: "数字のみを入力してください"、
creditcard: "有効なクレジット カード番号を入力してください。"、
equalTo: "同じ値を再度入力してください。"、
accept: "有効な拡張子を含む値を入力してください。"、 
maxlength: $.validator.format("{0} 文字以内を入力してください。"), 
minlength: $.validator.format("少なくとも {0} 文字を入力してください。"), 
 rangelength: $.validator.format("{0} ～ {1} 文字の間の値を入力してください。"), 
range: $.validator.format("{0} ～ {1} 文字の間の値を入力してください。 {1 }.")、
max: $.validator.format("{0} 以下の値を入力してください。")、
min: $.validator.format(" {0} 以上の値。") 
}、

変更する必要がある場合は、JS コードに追加できます:

コードをコピーしますコードは次のとおりです:

jQuery.extend(jQuery.validator.messages, { 
必須: "必須フィールド"、
remote: "このフィールドを修正してください"、
email: "正しい電子メール形式を入力してください"、
url: "有効な URL を入力してください"、
date: "法定日を入力してください。"、
dateISO: "法定日 (ISO) を入力してください。"、
number: "法定番号を入力してください。"、
digits: "整数のみを入力できます。" 、
creditcard: "法的な日付を入力してください クレジット カード番号"、
equalTo: "同じ値を再度入力してください"、
accept: "法的なサフィックスを含む文字列を入力してください"、
 maxlength: jQuery.validator.format("少なくとも {0} の長さの文字列を入力してください"), 
minlength: jQuery.validator.format("少なくとも {0} の長さの文字列を入力してください}"), 
rangelength: jQuery.validator.format( "{0} から {1} までの長さの文字列を入力してください"), 
range: jQuery.validator.format("値を入力してください{0} と {1} の間 ")、
max: jQuery.validator.format("最大値が {0} の値を入力してください")、
min: jQuery.validator.format(" {0} の最小値を入力してください ") 
});

このファイルをmessages_cn.jsに配置し、をページに導入することをお勧めします。

4. 使用方法
1. 検証ルールをコントロールに書き込みます

コードをコピーしますコードは次のとおりです:

class="{}" の方法を使用し、包含する必要があります:jquery.metadata.js は次のような方法を使用できます。修正内容:
class="{required:true,minlength :5,messages: {required:'请输入力内容'}}"equalTo关键文字を使用する場合、後面のコンテンツは上引号を追加する必要があります、例えば下代码：
class=" {required:true,minlength:5,equalTo :'#password'}"また、別の方法で、关键字：meta を使用します（元データを使用するために他のアイテムをパッケージ化する必要があります）
検証プラグインに指示します検証ルールのメタデータの validate プロパティ内を調べます。
例：

复制代码代以下:

meta: "validate" ;

再有一方式:

复制代代码如下:

$.metadata.setType("attr", "validate");これは、validate="{required:true}" の方法、または class="required"、ただし class="{required:true,minlength: を使用できます。 5}"将不起作用 2.将校验规则写都代网中 
$().ready(function() { 
$("#signupForm").validate({ 
rules: { 
名: "必須", 
メールアドレス: { 
必須: true, 
メールアドレス: true 
}, 
パスワード: { 
必須: true, 
分の長さ: 5 
}, 
confirm_password: { 
required: true, 
minlength: 5, 
equalTo: "#password" 
} 
}, 
メッセージ: { 
名: "请输入姓名", 
メールアドレス: { 
必須: "请输入Email地址", 
メールアドレス: "请输入正确的メール地址" 
}, 
password: { 
required: "请输入密码", 
minlength: jQuery.format("密码不可{0}个字符") 
}, 
confirm_password: { 
required : "请输入确认密码", 
minlength: "确认密码 5 文字以下不可", 
equalTo: "两次输入密码不一致不一致" 
} 
} 
}); 
});//messages处、特定のコントロールにメッセージがない場合、调用承認の情報 

复制代代码如下:

required:true 必須须有值
required:"#aa:checked" 表达式の值が真，则必要验证
required:function(){} 返される真，表時間にテストが必要な
の後の2つは、表に同時に充填または充填されていない元素を必要とするためによく使用されます。

五、常用方法及び注意问题

1.別の方法で代替承認される SUBMIT$().ready(function() {
$("#signupForm").validate({
submitHandler:function(form){
alert ("送信済み");
form.submit();
}
});
});

$.validator.setDefaults({
submitHandler: function(form) {alert("submitted!");form.submit(); }
$.validator.setDefaults({
submitHandler: function(form) {alert("submitted!");form.submit(); }

>});

如果想提交表单、form.submit() の使用が必要ですが、$(form).submit() の使用は不要です

2.debug、このパラメータが true の場合、那么表单不会提交、只行検査、调试時間十分方便
$().ready(function() {
$("#signupForm") .validate({
debug:true
});

});

如果一页面には複数の表があり、
$.validator.setDefaults({
debug: true

})

を使用します
3.ignore：忽略特定元素不验证

ignore: ".ignore"

4.errorPlacement：コールバックデフォルト：错误情報放在验证的要素後面

错误の配置位置の指示、軘认:error.appendTo(element.parent()); 即時错误情報が验证の要素の後ろに放たれます
errorPlacement: function(error, element) {
error .appendTo(element.parent());
}//例：

复制代

代码如下:

名

14/02/07

02/14/07