Question

我的联系表格有这个问题。当我提交表格时，我会收到2封相同的电子邮件。

我使用JS检查表单是否有错误，然后使用简单的PHP mail（）函数发送电子邮件。

这是PHP代码：

<?php

$from = Trim(stripslashes($_POST['email']));
$to = "myemail@gmail.com";

$subject = "Contact Form";
$name = Trim(stripslashes($_POST['name']));
$email = Trim(stripslashes($_POST['email']));
$number = Trim(stripslashes($_POST['number']));
$message = Trim(stripslashes($_POST['message']));

    $body = "";
    $body .= "Name: ";
    $body .= $name;
    $body .= "\n\n";
    $body .= "E-mail: ";
    $body .= $email;
    $body .= "\n\n";
    $body .= "Telephone Number: ";
    $body .= $number;
    $body .= "\n\n";
    $body .= "Message: ";
    $body .= $message;
    $body .= "\n\n";

    $success = mail($to, $subject, $body, "From: <$from>" . "\r\n" . "Reply-to: <$from>" . "\r\n" . "Content-type: text; charset=utf-8");

?>

这是JS：

$(".submit").click(function() {
        var name = $("input[name=name]").val();
        var email = $("input[name=email]").val();
        var number = $("input[name=number]").val();
        var message = $("textarea[name=message]").val();

        if (defaults['name'] == name || name == "") {
            $(".error").text("Please enter your name!");
            return false;

        } else if (defaults['email'] == email || email == "") {
            $(".error").text("Please enter your email!");
            return false;

        } else if (defaults['number'] == number || number == "") {
            $(".error").text("Please enter your number!");
            return false;

        } else if (defaults['message'] == message || message == "") {
            $(".error").text("Plese enter your message!");
            return false;
        }

        var dataString = 'name=' + name + '&email=' + email + '&number=' + number + '&message=' + message;
        $(".error").text("Please wait...").hide().fadeIn("fast");

        $.ajax({
            type: "POST",
            url: "contact.php",
            data: dataString,
            success: function() {
                $('#form form').html("");
                $('#form form').append("<div id='success'>Your message has been sent! Thank you</div>");
            }
        });

        return false;
    });

以下是HTML表单：

<form id="contact" method="post" action="#">

<label for="name">Name:</label>
<input type="text" name="name" required tabindex="1">

<label for="email">Email adress:</label>
<input type="text" name="email" required tabindex="2">

<label for="number">Tel. number:</label>
<input type="text" name="number" tabindex="3">

<label for="message">Your message:</label>
<textarea name="message" rows="10" cols="70" required tabindex="4"></textarea>

<input type="checkbox" id="terms" name="terms" value="terms">I agree to the <a href="#">terms</a>

<input type="submit" name="submit" class="submit more-info" tabindex="5" value="Send">

<span class="error"></span>

</form>

我一直在为所有联系表单使用相同的代码，它可以正常工作。它可能是托管/服务器相关的问题吗？

Answer 1

$(".submit").click(function(e) { ... })首次向您的服务器发送邮件。

因为这是<submit>按钮，表单仍会提交。表格POSTS第二次到您的服务器。

解决方案是在e.preventDefault()函数的底部添加$(".submit").click ...

$(".submit").click(function(e) {
    //                      ^ add this e
    var name = ...;

    $.ajax({
        ...
    });
    e.preventDefault();
    return false;
});

Answer 2

替换您的点击事件

$(".submit").click(function() {

带

$('.submit').unbind('click').click(function() {

码

我可以假设您的点击事件绑定两次可能是由于代码中的很多混乱

也在点击事件功能

的末尾使用此行

$('.submit').unbind('click').click(function() {

    // your stuff

    event.stopImmediatePropagation(); // as long as not bubbling up the DOM is ok?
});

供参考，请查看链接：https://forum.jquery.com/topic/jquery-executes-twice-after-ajax

Answer 3

尝试删除jQuery动画：

$(".error").text("Please wait...").hide().fadeIn("fast");

他们有时会引起问题。

PHP mail（）发送2份副本

3 个答案: