jquery validataフォーム検証デモ-PHPチュートリアル-php.cn

jquery validataフォーム検証デモ

WBOY

リリース： 2016-07-25 08:48:25

オリジナル

1174 人が閲覧しました

jQuery Validation Framework
6. 組み込み Validation メソッドのリスト (組み込み Validation メソッドのリスト)
[1] required( ) Return: Boolean
説明: フォーム要素の入力を必須にする (選択）。
フォーム要素が空 (テキスト入力) であるか、選択されていない (ラジオ/チェックボックス) か、空の値が選択されている (選択) 場合。
テキスト入力、選択、チェックボックス、ラジオボタンに作用します。
select が空のオプションを提供する場合、ユーザーは空ではないオプション値を選択する必要があります。。
Js code
$("#myform").validate({
rules: {
Fruit: "required"
}
});
[2] required( dependency-expression) Return: ブール値
パラメータ dependency-式のタイプ: String フォームコンテキスト内の式 (String) フォーム要素に入力する必要があるかどうかは、1 つ以上の要素を返す式によって異なります。
説明: パラメーターの戻り値に応じて、フォーム要素を入力 (選択) する必要があります。
#foo:checked、#foo:filled、#foo:visible などの選択フィルターは式で頻繁に使用されます。
Js コード
$("#myform").validate({
ルール: {
詳細: {
必須: "#other:checked"
}
}, debug:true
}); other").click(function() {
$("#details").valid();
});
[3] required( dependency-callback ) 戻り値: ブール値
パラメータ dependency-callback 型: コールバックreturn 関数は、検証される form 要素を唯一のパラメータとして受け取ります。コールバック関数が true を返す場合、form 要素は必須です。
説明: パラメーターの戻り値に応じて、フォーム要素を入力 (選択) する必要があります。
#foo:checked、#foo:filled、#foo:visible などの選択フィルターは式で頻繁に使用されます。
Jsコード
$("#myform").validate({
rules: {
age: {
required: true,
min: 3
},
parent: {
required: function(element) {
return $("#年齢").val() }
}
}
});
$("#parent").valid ();
});
[4]remote( options ) 戻り値: ブール型
パラメーターオプション型: 文字列、サーバー側リソースを要求するためのオプション URL (文字列)。または $.ajax() メソッドのオプション。
説明: サーバー側のリソース検証をリクエストします。
サーバー側リソースは $.ajax (XMLHttpRequest) を通じてキーと値のペアを取得し、応答が true を返した場合、フォームは検証に合格します。
Jsコード
$("#myform").validate({
ルール: {
メール: {
必須: true,
メール: true,
リモート: "check-email.php"
}
}
} );
[5] minlength( length ) 戻り値: ブール型
パラメーター length 型: 整数必要な最小文字数。
説明: フォーム要素が指定された最小文字数を満たしていることを確認してください。
テキスト入力に入力された文字数が少なすぎます。選択されているチェックボックスが不十分であり、選択ボックスで選択されているオプションが不十分です。これら 3 つのケースでは、メソッドは false を返します。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
minlength: 3
}
}
});
[6] maxlength( length );戻り値: ブール型
パラメータの長さ型: 整数入力できる最大文字数。
説明: フォーム要素のテキストが指定された最大文字数を超えていないことを確認してください。
テキスト入力ボックスに入力する文字数が多すぎる、チェックボックスを選択しすぎる、または選択ボックスでオプションを選択しすぎます。これら 3 つのケースでは、メソッドは false を返します。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true、
maxlength: 4
}
}
});戻り値: ブール型
パラメータ範囲型: Array 入力できる文字の範囲。
説明: フォーム要素のテキスト文字数が指定された範囲内であることを確認します。
テキスト入力ボックスに入力された文字数が指定範囲外、選択されているチェックボックスが指定範囲外、セレクトボックスで選択されているオプションが指定範囲外です。これら 3 つのケースでは、メソッドは false を返します。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
rangelength: [2, 6]
}
}
}); min( value ) 戻り値: Boolean
パラメーター値の型: Integer 入力する必要がある最小の整数。
説明: フォーム要素の値が指定された最小整数以上であることを確認します。
このメソッドはテキスト入力ボックス（テキスト入力）でのみ有効です。
Jsコード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
min: 13
}
}
});戻り値: ブール値
パラメータ値のタイプ: 整数指定された最大の整数。
説明: フォーム要素の値が指定された最大整数以下であることを確認します。
このメソッドはテキスト入力ボックス（テキスト入力）でのみ有効です。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true、
最大: 23
}
}
});戻り値: ブール型
パラメータ範囲のタイプ: Array 指定された整数の範囲。
説明: form 要素の値が指定された範囲内にあることを確認します。
このメソッドはテキスト入力ボックス（テキスト入力）でのみ有効です。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true、
範囲: [13, 23]
}
}
}); email( ) 戻り値: Boolean
説明: form 要素の値が有効な電子メールアドレスであることを確認してください。
値が有効な電子メールアドレスの場合は true を返します。このメソッドは、テキスト入力ボックス (テキスト入力) でのみ有効です。
Jsコード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
メール: true
}
}
});
[12] url( ) return ：ブール型
説明: form 要素の値が有効な URL アドレス (http://www.mydomain.com) であることを確認してください。
値が有効な URL アドレスの場合は true を返します。このメソッドは、テキスト入力ボックス (テキスト入力) でのみ有効です。
Jsコード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
URL: true
}
}
}); ( ) dateDE( ) 戻り値: ブール値
説明: 有効な日付を確認するために使用されます。これら 3 つの関数で検証される日付形式は、それぞれ (mm/dd/yyyy)、(yyyy-mm-dd,yyyy/mm/dd)、および (mm.dd.yyyy) です。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
日付: true
/*dateISO: true
dateDE: true*/
}
}
});
[14]number( )numberDE() 戻り値: ブール値
説明: 小数を検証するために使用されます。 number() の小数点はドット ( . )、numberDE() の小数点はカンマ ( , ) です。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true,
番号: true
//numberDE: true
}
}
}); 15] 数字() 戻り値: ブール型
説明: テキストボックスの値が数値であることを確認します。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true、
数字: true
}
}
});
[16] 桁 () return :Boolean
説明: テキストボックスの値が数値であることを確認します。
Jsコード
$("#myform").validate({
ルール: {
フィールド: {
必須: true、
数字: true
}
}
}); ] ) 戻り値: ブール値
パラメーター拡張子 (オプション) タイプ: 文字列「|」または「,」で区切られた、許可されるファイル接尾辞名。デフォルトは「png|jpe?g|gif」です
説明: form 要素が指定されたファイル拡張子を持つファイルを受信することを確認します。パラメーターを指定しない場合は、画像 (png、jpeg、gif) のみが許可されます。
Js コード
$("#myform").validate({
ルール: {
フィールド: {
必須: true、
accept: "xls|csv"
}
}
}); equalTo( other ) 戻り値: Boolean
パラメータ other 型: セレクター現在の値と比較される別のフォーム要素。
説明: 2 つのフォーム要素の値が一貫していることを確認します。
Jsコード
$("#myform").validate({
ルール: {
パスワード: "必須",
password_again: {
equalTo: "#password"
}
}
});コード