PHP mail() отправляет 2 копии

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

заменить свое событие CLICK

$(".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 2

$(".submit").click(function(e) { ... }) POSTS на ваш сервер в первый раз.

Потому что это кнопка <submit>, форма все равно будет отправлена. Форма POSTS на ваш сервер во второй раз.

Решение будет добавление e.preventDefault() на дне внутри функции $(".submit").click ...

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

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

Answer 3

Попробуйте удалить анимацию JQuery:

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

Они могут иногда вызывать проблемы.