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) {
            // 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"
        }
    });
});

Answer 2

而不是：

error.fadeIn('.error');

尝试：

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

Answer 3

您可以在邮件

下面的脚本中添加这样的部分

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

                },

Answer 4

你在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 5

@John Kalberer这对我很有用......

感谢,,

$（function（）{ $（ “＃联系形式”）。验证（{ invalidHandler：function（form，validator）{ //不确定这是否是正确的选择器，但我在此处找到了它：http://docs.jquery.com/Plugins/Validation/validate#toptions $（ “错误 ”），隐藏（）淡入（“ 慢”）。 }，消息：{ contactname：“必填”，电子邮件：“电子邮件无效”，评论：“无效的网址” } }）; }）;

JQuery验证错误消息fadein

5 个答案: