2012-01-24 68 views
1

好,所以我有一個必填字段爲1的表單。這是驗證碼:jQuery驗證自定義動畫errorPlacement

$('#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。我可以得到一些幫助嗎?我已經看到很多人建議沒有工作的東西,但沒有真正的修復建議。

回答

-1

至於成功的作品,請將您的slideDown()功能添加到您的調用中的成功選項以進行驗證。

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

至於淡入 - 我不能肯定,整條生產線看起來是正確的,但直客是fadeIn()後至少丟失了一些括號;

+0

這很好,但這並不能完全幫助我。我只是重寫了代碼,因爲我無法發佈我們的內部代碼。 fadeIn的作品,但slideDown並不是因爲我所假設的插件的性質。我無法插入那些隱藏的錯誤.... .hide()不起作用。 – xckpd7