Ajax联系表单加载器问题

时间:2014-06-28 12:49:20

标签: javascript ajax

 var dataString = 'name=' + $("input#name").val() + '&email=' + $("input#email").val() + '&comments=' + $("textarea#comments").val();
                $('#reply_message').addClass('email_loading');

                // Send form data 
                $.ajax({
                    type: "POST",
                    url: "SendMail",
                    data: dataString,

                    success: function () {

                        $('#reply_message').removeClass('email_loading');
                        $('#reply_message').addClass('list3');
                        $('#reply_message').html("Mail sent sucessfully");
                        $('#reply_message').delay(500).fadeOut(3500);
                        $("input#name").val('Name');
                        $("input#email").val('Email');
                        $("textarea#comments").val('Comments..');

                    }

                });


                return false;

            });


        });

这是我的ajax脚本,用于发送电子邮件一切正常,用户第一次填写表单并提交但是如果用户再次填写表单并单击发送按钮,则此时只有电子邮件未显示成功消息和装载机。目前在我的文本字段中还有一件事是value = name作为标签工作,所以我再次将值放在成功函数中,但是文本区域呢?

1 个答案:

答案 0 :(得分:1)

成功:你正在使用fadeOut的Ajax部分。

我没有看到你正在消失的任何地方。

如果要么从成功中移除fadeOut,要么将fadeIn添加到加载消息中,它应该可以正常工作。