http://christianselig.com/contact.html
この連絡先ページで、[送信]をクリックしても、ページが正しく送信されません。AJAXはフォームを削除し、エラーまたは成功メッセージを表示する必要があります。しかし、そうではありません。セクションをコメントアウトするerror:
と、完全に機能します。
jQuery:
$.ajax({
type: "POST",
url: "mail.php",
data: dataString,
success: function(data) {
$(".contact-form").hide();
$(".alt-contact").hide();
// Depending on what the PHP script returned, display a message of success or error
if (data == 1) {
$(".contact-form").html("<div class='success-message'><div class='success-image'></div><div class='success-title'>Success! The message has been sent!</div><div class='success-body'>I'll get back to you right away.</div></div>");
}
else {
$(".contact-form").html("<div class='error-message'><div class='error-image'></div><div class='error-title'>Whoops! An error occurred.</div><div class='error-body'>I'll get back to you ASAP.</div></div>");
}
$(".contact-form").fadeIn(500);
}
error: function(jqXHR, textStatus, errorThrown) {
$(".contact-form").hide();
$(".alt-contact").hide();
// Inserts divs making up the success message for the form submission
$(".contact-form").html("<div class='error-message'><div class='error-image'></div><div class='error-title'>Success! The message has been sent!</div><div class='error-body'>I'll get back to you right away.</div></div>");
$(".contact-form").fadeIn(500);
}
});