jQuery.validate 一般的なメソッドと注意が必要な問題_jquery

1. 他のメソッドを使用してデフォルトの SUBMIT を置き換えます

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

$().ready(function() {
$("#signupForm").validate({
submitHandler:function(form){
alert("submitted");
form.submit ();
>

コードは次のとおりです。

$(".selector").validate({
submitHandler: 関数(form)

{ $(form) .ajaxSubmit(); } }) は次のように記述されます。 :

コードをコピー


コードは次のとおりです。

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

});フォームを送信したい場合は、次のことを行う必要があります。 $(form).submit() の代わりに form.submit() を使用してください 2.デバッグ、検証のみを行い、フォームは送信しませんこのパラメーターが true の場合、フォームは送信されず、チェックのみが行われます。これはデバッグに非常に便利です

コードをコピーします

コードは次のとおりです:

$().ready(function() {
$("#signupForm" ).validate({

debug:true });});デバッグとして設定したいページ上に複数のフォームがある場合は、

コードをコピーします


コードは次のとおりです:

$.validator.setDefaults({
debug: true
})

3.ignore: 特定の要素を無視し、検証しません ignore: ".ignore"4. エラー メッセージの位置を変更します。表示エラー配置: コールバック

デフォルト: 検証された要素の後にエラー メッセージを配置します。

エラーの配置場所を指定します。デフォルトは次のとおりです: error.appendTo(element.parent()); つまり、検証された要素の後にエラー メッセージを配置します。
errorPlacement: function(error, element) {
error.appendTo(element.parent());
}

//例:

コードをコピー


コードは次のとおりです:

名






14/02/07



02/14/07




 

利用規約を読み、同意します。

> ;

errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() ) ;
}

代コードの効果は次のとおりです。一般的に、ラジオの場合は

で表示されます。チェックボックスはコンテンツの後ろに表示されます

errorClass:String デフォルト: "error"
指定された错误提示の css 名、可以自定错误提示の样式

errorElement:String デフォルト: "label"
使用するものはラベルです

errorContainer：セレクタ
表示または隐藏验证信息，可自能错藏证信息出现時，コンテナ属性変更瘾示，無错藏藏，用处不大
errorContainer: "#messageBox1, #messageBox2"

errorLabelContainer:Selector
は、コンテナーの領域にセキュリティメッセージを放します。

ラッパー：文字列
用何么标签再掴上エラー要素包起来

通常、この 3 つのプロパティを同時に使用すると、コンテナ内ですべてのセキュリティ要求の機能が表示され、情報がない場合は自動的に起動されます

errorContainer: "div.error"、
errorLabelContainer: $("#signupForm div.error")、
ラッパー: "li"

5 チェックメッセージの表示形式を変更します
チェックメッセージの表示形式を設定します。システム内でファイルのチェックに使用する validation.css が確立されています。

复制代 代码如下:

input.error { border: 1px 赤一色; }
label.error {
background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;

padding-left: 16px;

padding-bottom: 2px;

font-weight: 太字;

color: #EA5200;
}
label.checked {
background:url("./demo/images/checked.gif") no-repeat 0px 0px;
}

6 文字列验证通過関数数
成功：文字列,コールバック
要誌证的要素验证通過後の動作，如果跟一文字列，会当一個 css クラス，可以一関数

复制代 代码如下:

success: function(label) {
// IE のテキストとして設定
label.html(" ").addClass("checked");
//label.addClass( "valid").text("Ok!")
}

CSS