Контактный формуляр AJAX - не работает должным образом

Question

Я создал простую форму контакта AJAX, JQuery, PHP на своем веб-сайте со входами: именем, электронной почтой и сообщением. Проблема в том, что когда вы пишете фактическую электронную почту в поле электронной почты, сообщение никогда не приходит в мой почтовый ящик. Он работает только тогда, когда поле ввода электронной почты содержит 1 слово без знака @.

Мой HTML:

<p class="form">Name</p> 
<input type="text" name="userName" id="userName"> 
<p class="form">Email</p> 
<input id="userEmail" type="email" name="userEmail"> 
<p class="form">Message</p> 
<textarea id="msg" name="msg"></textarea><button onClick="sendContact();"></button> 

Мои JavaScript:

function sendContact() { 

    jQuery.ajax({ 
     url: "contact_me.php", 
     data:'userName='+$("#userName").val()+'&userEmail='+ 
     $("#userEmail").val()+'&msg='+ 
     $("#msg").val(), 
     type: "POST", 
     success:function(){ 
      sendSuccess(); 
     }, 
     error:function(){} 
    }); 
}; 

Мой PHP:

<?php 
$to = "dusset@gmail.com"; 
$from = $_POST['userEmail']; 
$name = $_POST['userName']; 
$subject = $name . "has sent you a message from .design"; 
$message = $name . " wrote the following:" . "\n\n" . $_POST['msg']; 
$headers = "From:" . $from; 

mail($to,$subject,$message,$headers);?> 

Любая идея, что может быть проблема, пожалуйста?

Answer 1

Попробуйте изменить способ передачи данных в Ajax. Пример:

function sendContact() { 
    jQuery.ajax({ 
     url: "contact_me.php", 
     data: { userName: $("#userName").val(), userEmail: $("#userEmail").val(), msg: $("#msg").val()}, 
     type: "POST", 
     success:function(){ 
      sendSuccess(); 
     }, 
     error:function(){} 
    }); 
};