Question

我的PHP表单运行良好，当preventDefault未使用时没有响应（没有jQuery脚本），但是如果脚本到位，则没有响应显示，但页面保持不变。您可以查看我正在开展的项目：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>

这可能是非常简单的事情，但现在已经快到03:00了，我现在非常感谢一些帮助......

Answer 1

我对preventDefault很满意。我要做的是在同一页面上显示所有回复而不将用户发送到另一个页面。但现在没有回复。

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

1 个答案: