聯繫表格不解析錯誤或成功消息

Question

爲項目創建一個小型聯繫人類型表單，人們可以在該項目中註冊對該網站的興趣，並提供關於他們自己的一些細節。所以我決定按照本教程進行修改以適應我的需求：http://bit.ly/13zQ7em

我已經修改了PHP和jQuery以獲取要發送的電子郵件，但是現在確實如此我無法弄清爲什麼jQuery當它輸入時不會觸發成功消息，或者當我輸入某些內容時顯示任何錯誤。

據我所知，一切都應該通過OK開火，但我明顯錯過了某些東西，弄清楚什麼。所以任何幫助將不勝感激！

當前直播的形式：http://bit.ly/12yS1eh

HTML：

<div id="interested"> 
    <div class="content"> 
     <h2>INTERESTED?</h2> 
      <p>If you would like to stay up to date with upcoming content, release dates and chances to win signed prints of the photos, 
      just fill in your details below.</p> 
     <div id="thanks"></div> 
     <form action="javascript:alert('success!');" id="interestForm"> 
       <div id="formLeft"> 
         <input type="text" id="firstName" name="firstName" value="" placeholder="First name" /> 
         <input type="text" id="email" name="email" value="" placeholder="email@email.com" /> 
       </div> 

       <div id="formMiddle"> 
         <input type="text" id="lastName" name="lastName" value="" placeholder="Last name" /> 
         <input type="text" id="country" name="country" value="" placeholder="Your country" /> 
       </div> 

       <div id="formRight"> 
        <input type="submit" name="submit" value="SEND" id="submit" /> 
       </div> 
     </form> 
    </div> 
</div> 

的jQuery：

$(document).ready(function(){ 
$("#interestForm").submit(function(){ 

var str = $(this).serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "contact_form/contact.php", 
    data: str, 
    success: function(msg){ 

$("#thanks").ajaxComplete(function(event, request, settings){ 

if(msg == 'OK') // If the email is sent show 'Thank You' message and hide the form 
{ 
result = '<div class="notification_ok">Thanks for registering your interest, we\'ll be in contact soon with more information about the iBook.</div>'; 
$("#interestForm").hide(); 
} 
else 
{ 
result = msg; 
} 

$(this).hide(); 
$(this).html(result).slideDown("slow"); 

$(this).html(result); 

}); 

} 

}); 

return false; 

}); 

}); 

PHP：

<?php 

include 'config.php'; 
    error_reporting (E_ALL^E_NOTICE); 
    $post = (!empty($_POST)) ? true : false; 

if($post) 
    { 
     include 'functions.php'; 
     $firstName = stripslashes($_POST['firstName']); 
     $lastName = stripslashes($_POST['lastName']); 
     $email = trim($_POST['email']); 
     $country = stripslashes($_POST['country']); 

     $message = ""; 
     $message .= "First Name: "; 
     $message .= $firstName; 
     $message .= "\n"; 
     $message .= "Last Name: "; 
     $message .= $lastName; 
     $message .= "\n"; 
     $message .= "Email: "; 
     $message .= $email; 
     $message .= "\n"; 
     $message .= "Country "; 
     $message .= $country; 


     $error = ''; 

// Check firstName 
if(!$firstName) 
    { 
     $error .= 'You forgot to enter your first name.<br />'; 
    } 

// Check lastName 
if(!$lastName) 
    { 
     $error .= 'You forgot to enter your last name.<br />'; 
    } 

// Check country 
if(!$country) 
    { 
     $error .= 'You forgot to enter your country.<br />'; 
    } 

// Check email 
if(!$email) 
    { 
     $error .= 'You forgot to enter your e-mail id.<br />'; 
    } 
if($email && !ValidateEmail($email)) 
    { 
     $error .= 'Invalid E-mail id !!!<br />'; 
    } 
if(!$error) 
    { 
     $subject = 'Hi, '.$firstName. ' ' .$lastName. ' is interested in Ireland - In a new light'; 
     $mail = mail(WEBMASTER_EMAIL, $subject, $message, 
      "From: ".$firstName." ".$lastName." <".$email.">\r\n" 
      ."Reply-To: ".$email."\r\n" 
      ."X-Mailer: PHP/" . phpversion()); 
if($mail) 
    { 
     echo 'OK'; 
    } 
} 
else 
    { 
     echo '<div class="notification_error">'.$error.'</div>'; 
    } 
} 
?> 

感謝提前任何幫助！

Answer 1

要連接的.ajaxComplete()處理程序錯誤。

在jQuery 1.8的，所述.ajaxComplete（）方法只應附 來記錄。

您可能還需要使用jQuery 1.9代替2.0（在IE不支持> 9）

可以刪除處理（因爲你沒有真正使用它多少反正）

$(document).ready(function() { 
       $("#interestForm").submit(function() { 
        var str = $(this).serialize(); 
        var thx = $("#thanks"); 
        $.ajax({ 
         type: "POST", 
         url: "contact_form/contact.php", 
         data: str, 
         success: function(msg) { 

           if (msg == 'OK') // If the email is sent show 'Thank You' message and hide the form 
           { 
            result = '<div class="notification_ok">Thanks for registering your interest, we\'ll be in contact soon with more information about the iBook.</div>'; 
            $("#interestForm").hide(); 
           } 
           else 
           { 
            result = msg; 
           } 
           thx.hide(); 
           thx.html(result).slideDown("slow"); 

           //thx.html(result); <-- you don't need to put it 2 times 
         } 
        }); 
        return false; 
       }); 
      }); 

或者使用$(document).ajaxComplete();其他地方，但不是在success: function() {} ..

Answer 2

一堆你的JavaScript文件不加載：

• JS /使用GreenSock/TweenMax.min.js
• JS/jquery.superscrollorama.js
• JS/smoothscroll.js
• JS/jquery.cycle2.js
• JS/Modernizr的-1.7.min.js

也許這是SOM用它來做什麼？

也許並不是因爲它們不是真正的驗證腳本......但它是值得解決的，將其作爲潛在問題折扣。另外你的CSS文件中的一個不加載任何

• CSS/mob_global.css