jQuery validation custom animation для errorPlacement

Question

OK, поэтому у меня есть форма с 1 обязательным полем. Это проверочный код:

$('#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 вкус. Что вызывает интересный момент: пытаясь удалить fadeIn, он даже не скрывает элемент. Как только ошибка будет исправлена, я хочу, чтобы она соскользнула, и при успешном представлении я хочу получить сообщение successDown. Могу ли я получить помощь? Я видел, как многие люди предлагали нерабочие вещи, но никаких реальных предложений по исправлению.

Answer 1

Что касается элемента успеха, добавьте функцию fundeformation slideDown() к опции успеха в вашем запросе для проверки.

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

Что касается FadeIn - Я не уверен, что вся линия выглядит правильно, но сразу он по крайней мере, отсутствуют некоторые круглые скобки после fadeIn();