Сообщение об ошибке проверки JQuery исчезает

Question

Мне нужна твоя помощь.Я не очень далек от решения, но как сделать так, чтобы сообщения об ошибках отображались постепенно, а не как обычно?У меня уже есть этот код, я думаю, что я очень близок к решению.

$(document).ready(function() {

    $("#contactform").validate({
  errorPlacement: function(error, element) {
     error.fadeIn('.error');
  },
        messages: {
            contactname: "Required",
            email: "Invalid email",
            comment: "Invalid URL"
        }
    });

});

Answer 1

@ Джон Калберер. У меня все получилось ...

спасибо ,,

$ (function () {$ ("# contactForm"). Validate ({invalidHandler: function (form, validator) {// не уверен, что это правильный селектор, но я нашел его здесь: http://docs.jquery.com/Plugins/Validation/validate#toptions $ (". error"). hide (). fadeIn ("slow");}, сообщения: {contactname: «Required», email: «Invalid email», комментарий: «Invalid URL»}});});

Answer 2

ваш код в jsfiddle не работает. Вот решение.

errorPlacement: function(error, element) {
        var c = $("<span style='display: none'/>").append(error.html());
        error.empty().append(c);
        setTimeout(function(){ error.children().first().fadeIn("slow");},0);
}

Answer 3

Вместо:

error.fadeIn('.error');

Попробуйте:

$('.error').text(error).fadeIn();

Answer 4

вы можете добавить такой раздел в свой скрипт ниже сообщений

highlight: function (element, errorClass) {                    
                    $('label[for=' + element.id + ']').hide();
                    $('label[for=' + element.id + ']').fadeIn(5000);

                },

Answer 5

Попробуйте это:

$(function() {
    $("#contactForm").validate({
        invalidHandler: function(form, validator) {
            // not sure if this is the correct selector but I found it here: http://docs.jquery.com/Plugins/Validation/validate#toptions
            $(".error").hide().fadeIn("slow");
        },
        messages: {
            contactname: "Required",
            email: "Invalid email",
            comment: "Invalid URL"
        }
    });
});