fadeOut検証メッセージJquery

Question

jquery fadeOut関数を使用して、検証応答メッセージ「このフィールドは必須」をフェードアウトするにはどうすればいいですか？Fiddle。私はちょうどメッセージがポップアップ（フェードインではない）し、そしておそらく3秒をかけてゆっくりとフェードアウトしたい。

これは検証プラグインを制御JSです：

$(document).ready(function() { 
     $('#commentForm').validate({ 
      submitHandler: function(form) { 
       $.ajax({ 
        type: 'POST', 
        url: 'process.php', 
        data: $(this).serialize(), 
        success: function(returnedData) { 
         $('#commentForm').append(returnedData); 
        } 
       });   
       return false; 
      }, 
      errorPlacement: function(error, element) { 
        error.insertAfter(element).position({ 
         my:'right top', 
         at:'right top', 
         of:element   
        }); 
       }   
     }); 
    }); 

はご入力いただき、ありがとうございます。

Answer 1

あなたがする必要があるのはerrorPlacement()にerror引数にコールフェードアウトです：

  errorPlacement: function(error, element) { 
       error.insertAfter(element).position({ 
        my:'right top', 
        at:'right top', 
        of:element   
       }); 
       error.fadeOut(3000); 
      } 

の作業例：http://jsfiddle.net/kmJ87/4/

Answer 2

あなたが複数回実行タイミングフェードアウト効果をしたい場合は、必要にエラー要素が消えるとすぐに削除してください。

errorPlacement: function(error, element) { 
    error.insertAfter(element).position({ 
    my:'right top', 
     at:'right top', 
      of:element   
     }); 
     // here the magic happens, we remove the element, forcing the errorPlacement callback to be run every time 
     error.fadeOut(3000, function() { $(this).remove(); }); 
    }