2015-06-22 133 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