Контактный формуляр, не анализирующий ошибки или сообщения об успешности

Question

Создание формы небольшого типа контакта для проекта, где люди могут регистрировать интерес к сайту, предоставляя несколько подробностей о себе. Поэтому я решил следовать этому руководству и изменить его в соответствии с моими потребностями: http://bit.ly/13zQ7em

Я изменил PHP и jQuery, чтобы получить электронное письмо для отправки, которое сейчас делает, но я не могу понять, почему jQuery не запускает сообщение об успешном завершении, когда оно делает это, или выводит какие-либо ошибки при вводе некоторого числа.

Насколько я вижу, все должно срабатывать нормально, но я, очевидно, что-то пропустил, и я могу " t выяснить, что. Поэтому любая помощь будет принята с благодарностью!

Текущая живая форма: 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

Может быть, что сома Что с этим делать?

Возможно, не потому, что они не являются подлинными сценариями проверки подлинности ... но это стоит того, чтобы свести его к минимуму как потенциальную проблему. Кроме того, один из ваших CSS файлов не загружается либо

• CSS/mob_global.css