2015-06-22 142 views
0

我一直在寻找解决方案。看过其他话题,到目前为止没有任何帮助。所以想问我的。对不起,如果它重复了另一个问题。PHP-jquery联系表发送空白邮件

这里是<head></head>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
    .... 
    <style> 
    .error { display:none; } 
    .success { display:none; } 
    </style> 


<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#send_message').submit(function(e){ 
      e.preventDefault(); 
      var error = false; 
      var name = $('#name').val(); 
      var email = $('#email').val(); 
      var message = $('#message').val(); 
      if(name.length == 0){ 
       var error = true; 
       $('#name_error').fadeIn(500); 
      } else { 
       $('#name_error').fadeOut(500); 
      } 
      if(email.length == 0 || email.indexOf('@') == '-1'){ 
       var error = true; 
       $('#email_error').fadeIn(500); 
      } else { 
       $('#email_error').fadeOut(500); 
      } 
      if(message.length == 0){ 
       var error = true; 
       $('#message_error').fadeIn(500); 
      } else { 
       $('#message_error').fadeOut(500); 
      } if(error == false){ 
       $('#send_message').attr({'disabled' : 'true', 'value' : 'Gönderiliyor...' }); 
       $.post("send_message.php", $("#contact_form").serialize(),function(result){ 
        if(result == 'sent'){ 
         $('#cf_submit_p').remove(); 
         $('#mail_success').fadeIn(500); 
        } else { 
         $('#mail_fail').fadeIn(500); 
         $('#send_message').removeAttr('disabled').attr('value', 'Gönder'); 
        } 
       }); 
      } 
     }); 
    }); 
</script> 

我的HTML标记在<body></body>

<div class="container-fluid"> 
         <p id="returnmessage"></p> 
         <form action="send_message.php" id="contactForm" method="post"> 
          <h2 style="font-size:14px;line-height:18px;font-weight:600;padding-bottom:0;">Bize Yazın</h2> 
          <ul class="contactform"> 
           <li> 
            <div id="name_error" class="error" style="color:#aa3939; font-size:8px; line-height:8px;"> <i class="fa fa-exclamation"></i> Lütfen adınızı giriniz.</div> 
            <span class="contact-input-icon" style="text-align:left"><i class="fa fa-user"></i></span> 
            <div class="input-field"> 
             <input type="text" style="border:1px solid rgba(220,220,220,0.5)" name="name" id="name" value="" class="required requiredField" placeholder="Ad Soyad"/> 
            </div> 
           </li> 
           <li> 
            <div id="email_error" class="error" style="color:#aa3939; font-size:8px; line-height:8px;"> <i class="fa fa-exclamation"></i> Lütfen eposta adresinizi giriniz.</div> 
            <span class="contact-input-icon"><i class="fa fa-envelope"></i></span> 
            <div class="input-field"> 
             <input type="email" style="border:1px solid rgba(220,220,220,0.5)" name="email" id="email" value="" class="required requiredField email" placeholder="Eposta"/> 
            </div> 
           </li> 
           <li class="textarea"> 
            <div id="message_error" class="error" style="color:#aa3939; font-size:8px; line-height:8px;"> <i class="fa fa-exclamation"></i> Lütfen mesajınızı giriniz.</div> 
            <span class="contact-input-icon"><i class="fa fa-pencil"></i></span> 
            <div class="input-field"> 
             <textarea name="message" style="border:1px solid rgba(220,220,220,0.5)" id="message" rows="6" cols="20" class="required requiredField" placeholder="Mesajınız"></textarea> 
            </div> 
            <div id="mail_success" class="success" style="color:#00CC00"><i class="fa fa-check"></i> İlginiz için teşekkürler. En kısa sürede sizinle irtibata geçeceğiz.</div> 
            <div id="mail_fail" class="error" style="color:#aa3939"><i class="fa fa-times"></i> Üzgünüz, mesajınız iletilemedi. Daha sonra lütfen tekrar deneyin.</div> 
           </li> 
           <li class="buttons"> 
            <input type="hidden" style="border:1px solid rgba(220,220,220,0.5)" name="submitted" id="submitted" value="true" /> 
            <button type="submit" style="border:1px solid #3f97cf" class="button cf_submit_p" id="send_message"><i class="fa fa-paper-plane-o" style="font-size:20px;color:#3f97cf"></i></button> 
           </li> 
          </ul> 
         </form> 
        </div> <!--end container-fluid--> 

和send_message.php文件;

<?php 

    if($_SERVER['REQUEST_METHOD'] === 'POST'){ 

    //önce değişkenleri topluyoruz. 
    $email_to = '[email protected]'; //epostanın gönderileceği adres 
    $name  = $_POST['name']; 
    $email = $_POST['email']; 
    $message = $_POST['message']; 

    $msgTo = "From: $name \r\nEmail: $email \r\nMessage: \r\n$message"; 

    /*$header değişkeni ilave olanaklar için. Böylelikle yanıtla ya da ilet dediğimizde, 
    posta kutusu kime cevap vereceğini bilecek */ 
    $headers = "FROM: $email\r\n"; 
    $headers .= "REPLY-TO: $email\r\n"; 


    if(mail($email_to, $msgTo, $headers)){ 
     echo 'sent'; // Mailin gönderildiğini AJAXa paslıyoruz. 
    }else{ 
     echo 'failed';// ... ya da gönderilemediğini 
    } 

} 
?> 

有东西丢失,检查class和id的名字多次,试图改变名称很多次,但我猜,形式没有得到..验证部分的伟大工程的价值观,甚至还可以显示成功消息提交后,也发送电子邮件..但只有来自,消息,电子邮件部分,而不是变量。

您能否请帮助。

Regards,

可见性。

+0

看看函数的参数邮件 – 2015-06-22 08:42:39

+0

感谢您的答复衮和McRossan ..任何正文?抱歉无法得到它。 – vincodisouza

+0

$ Msgto是电子邮件主题行,而$ header正文 – 2015-06-22 08:54:24

回答

2

你的表格ID是联系形式和你正在使用#contact_form

+0

就是这样。感谢您的快速帮助。这解决了问题。 – vincodisouza

+0

现在我遇到了一个新问题,发送邮件后,联系人页面上显示成功消息,现在它将我重定向到另一个页面,其中显示“发送”(这并不意外)。如何防止重定向到另一个页面?并留在我的位置? – vincodisouza

+0

Gaurav Saxena,解决了这个问题,但造成了另一个问题。现在它将我重定向到另一个页面,我不想要这些页面。 e – vincodisouza