[英]Ajax Contact Form Loader issue
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用作标签,因此我再次将值放入了成功函数中,但是文本区域呢?
成功使用Ajax的一部分,您正在使用fadeOut。
我看不到您正在消失的任何地方。
如果您从成功中删除fadeOut或将fadeIn添加到加载消息中,它应该可以正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.