2012-01-24 18 views
1

OKですので、1つの必須フィールドのフォームがあります。これは、検証コードです:errorPlacementのjQuery検証カスタムアニメーション

$('#form').validate({ 
    rules: { 
     email: { 
      required: true, 
      email: true 
     } 
    }, 
    messages: { 
     email: "Please enter a valid email address." 
    }, 
    errorPlacement: function(error, element) { 
     error.appendTo(element.parent()).hide().fadeIn; 
    } 
}); 

これは、私はアニメーションがslidedown味のようにしたい除いて、素晴らしいです。面白いことが起こります:フェードインを削除しようとすると、要素を隠すことさえありません。エラーが修正されたら、私はそれをスライドさせたい、そして成功した投稿時に、私はslideDownに成功メッセージを出したい。助けてもらえますか?私は、多くの人々が非作業のものを提案しているが、修正のための実際の提案はないことを見てきました。

答えて

-1

successピースについては、validateの呼び出しでsuccessDオプションにslideDown()funcationalityを追加します。フェードインについては

success: function() { 
$('#foo').slideDown(); //slide down your success element 
} 

- 私は、全体のラインが正確に見えることは確かではないけど、ストレートオフ、それは少なくともfadeIn()後にいくつかの括弧が欠落しています。

+0

それは問題ありませんが、それは本当に完全に私を助けません。内部コードを掲載することができないため、コードを書き直しました。私が仮定しているのはプラグインの性質なので、fadeInは動作しますが、slideDownは動作しません。隠されたエラーを挿入することはできません.... .hide()は機能しません。 – xckpd7