PHP提交的表单响应未显示在同一页面上

我的PHP表单运行良好，在没有jQuery脚本的情况下不使用preventDefault时会显示响应，但在脚本就绪的情况下，不会显示响应，但是页面会保持不变。 你可以看看我正在做的项目：www.designbynoemi.co.uk

这是我的标记：

<form id="contact-form" class="contact-form" role="form" method="post" action="contact.php">
        <p class="contact-name">
                <input id="contact_name" type="text" placeholder="Full Name" value="" name="name" />
        </p>
        <p class="contact-email">
                <input id="contact_email" type="text" placeholder="Email Address" value="" name="email" />
        </p>
        <p class="contact-message">
                <textarea id="contact_message" placeholder="Your Message" name="message" rows="15" cols="40"></textarea>
        </p>
        <p class="form-group contact-submit">
                <input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary submit">
        </p>
        <div id="response">

        </div>
</form>

我的PHP代码：

<?php
/*
* Contact Form Class
*/

error_reporting(E_ALL); ini_set('display_errors', 1);


$admin_email = 'contact@designbynoemi.co.uk'; // Your Email
$message_min_length = 5; // Min Message Length


class Contact_Form{
    function __construct($details, $email_admin, $message_min_length){

        $this->name = stripslashes($details['name']);
        $this->email = trim($details['email']);
        $this->subject = 'Contact from Your Website'; // Subject 
        $this->message = stripslashes($details['message']);

        $this->email_admin = $email_admin;
        $this->message_min_length = $message_min_length;

        $this->response_status = 1;
        $this->response_html = '';
    }


    private function validateEmail(){
        $regex = '/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i';

        if($this->email == '') { 
            return false;
        } else {
            $string = preg_replace($regex, '', $this->email);
        }

        return empty($string) ? true : false;
    }


    private function validateFields(){
        // Check name
        if(!$this->name)
        {
            $this->response_html .= '<p>Please enter your name</p>';
            $this->response_status = 0;
        }

        // Check email
        if(!$this->email)
        {
            $this->response_html .= '<p>Please enter an e-mail address</p>';
            $this->response_status = 0;
        }

        // Check valid email
        if($this->email && !$this->validateEmail())
        {
            $this->response_html .= '<p>Please enter a valid e-mail address</p>';
            $this->response_status = 0;
        }

        // Check message length
        if(!$this->message || strlen($this->message) < $this->message_min_length)
        {
            $this->response_html .= '<p>Please enter your message. It should have at least '.$this->message_min_length.' characters</p>';
            $this->response_status = 0;
        }
    }


    private function sendEmail(){
        $mail = mail($this->email_admin, $this->subject, $this->message,
             "From: ".$this->name." <".$this->email.">\r\n"
            ."Reply-To: ".$this->email."\r\n"
        ."X-Mailer: PHP/" . phpversion());

        if($mail)
        {
            $this->response_status = 1;
            $this->response_html = '<p>Thank You!</p>';
        }
    }


    function sendRequest(){
        $this->validateFields();
        if($this->response_status)
        {
            $this->sendEmail();
        }

        $response = array();
        $response['status'] = $this->response_status;   
        $response['html'] = $this->response_html;

        echo json_encode($response);
    }
}


$contact_form = new Contact_Form($_POST, $admin_email, $message_min_length);
$contact_form->sendRequest();

?>

现在是我的脚本-导致问题的原因：

<script>
     $("#contact-form").submit(function(event) 
     {
         /* stop form from submitting normally */
         event.preventDefault();

         /* get some values from elements on the page: */
         var $form = $( this ),
             $submit = $form.find( 'input[name="submit"]' ),
             name_value = $form.find( 'input[name="name"]' ).val(),
             email_value = $form.find( 'input[name="email"]' ).val(),
             message_value = $form.find( 'textarea[name="message"]' ).val(),
             url = $form.attr('action');

         /* Send the data using post */
         var posting = $.post( url, { 
                           name: name_value, 
                           email: email_value, 
                           message: message_value 
                       });

         posting.done(function( data )
         {
             /* Put the results in a div */
             $( "#response" ).html(data);

             /* Change the button text. */
             $submit.text('Sent, Thank you');

             /* Disable the button. */
             $submit.attr("disabled", true);
         });
    });
</script>

---

这可能是非常简单的事情，但现在已经快凌晨3点了，我真的非常感谢您的帮助……

我对您的默认设置很满意。我试图做的是在同一页面上显示所有响应，而不将用户发送到另一个页面。但是现在没有显示响应。

脚本的哪一部分以及现在我的脚本-导致问题的原因：导致问题的原因？问题是：没有显示响应。我知道preventDefault会阻止新的URL加载，这就是我想要的。但是我如何才能找回我的表单响应呢？恐怕控制台中也没有显示任何错误。console.logdata；将此行放在posting.done方法中，并在控制台中为我提供输出