如何将.fadeIn()添加到来自外部源的错误消息

时间:2016-12-01 06:01:35

标签: javascript jquery

我在课堂上学习超级初学者javascript。我们的教授让我们连接到他使用Ruby On Rails创建的服务器,验证电子邮件是否格式正确或错误,我们的任务是使用javascript确保向用户显示验证和错误消息基于他们输入的内容。

虽然我已成功完成此操作,但我遇到了格式化问题。

错误消息本身直接来自服务器。我想格式化此错误消息,以便与验证消息一样,在向用户.fadeIn()显示时错误消息淡入

但是,无论我放置.fadeIn()的位置,它似乎都不会影响错误消息,并且只会完全删除错误消息,或者完全不执行任何操作。

是否应该为其提供特定的地方?从外部服务器格式化消息是否需要完全单独的实现?即使我无法访问服务器,它仍然可以格式化吗?



$(document).ready(function() {
    
    $('form').submit(function(event) {

        var formData = $(this).serialize();
      
        $.ajax({
            type         : 'POST',
            url          : 'https://web2-product-page.herokuapp.com/subscribers', 
            data         : formData, 
            dataType     : 'json' 
        }).done(function(data) {

                console.log(data);
                $('.confirmation').fadeIn();
                $('.error-message').text("");
                $('input[name=email]').val("");
            }).fail(function(data) {
                console.log(data);
                var errorMessage = JSON.parse(data.responseText).email[0];
                $('.error-message').text(errorMessage);
                $('.confirmation').hide();
            });
    
        event.preventDefault();
    });    
});




1 个答案:

答案 0 :(得分:0)

您可以针对json.dumps()效果执行以下操作:

fadeIn