Bootstrap联系表格问题!邮件未发送到附加电子邮件

时间:2016-02-05 21:46:01

标签: php twitter-bootstrap

我无法搞清楚这份联系表格。它不会向我附加的电子邮件发送任何消息。你们中的任何人都知道我可能做错了什么吗?我提供了以下代码,但可以通过点击“联系人”按钮随时查看www.kelliehannon.com上的实际设置。

这是HTML:

                    <!-- Contact form -->

   <form id="contact-form" name="contact-form" method="POST" data-name="Contact Form">

                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6 col-lg-6">

                                            <!-- Full name -->
                                            <div class="col-xs-12 col-sm-12 col-lg-12">
                                                <div class="form-group">
                                                    <input type="text" id="name" class="form form-control" placeholder="Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Name'" name="name" data-name="Name" required>
                                                </div>
                                            </div>

                                            <!-- E-mail -->
                                            <div class="col-xs-12 col-sm-12 col-lg-12">
                                                <div class="form-group">
                                                    <input type="email" id="email" class="form form-control" placeholder="Email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email'" name="email-address" data-name="Email Address" required>
                                                </div>
                                            </div>

                                            <!-- Subject -->
                                            <div class="col-xs-12 col-sm-12 col-lg-12">
                                                <div class="form-group">
                                                    <input type="text" id="subject" class="form form-control" placeholder="Inquiry" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Inquiry'" name="subject" data-name="Subject" >
                                                </div>
                                            </div>

                                        </div>

                                        <div class="col-xs-12 col-sm-6 col-lg-6">

                                            <!-- Message -->
                                            <div class="col-xs-12 col-sm-12 col-lg-12 no-padding">
                                                <div class="form-group">
                                                    <textarea id="text-area" class="form textarea form-control" placeholder="Message" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Message'" name="message" data-name="Text Area" required></textarea>
                                                </div>
                                            </div>

                                            <!-- Button submit -->
                                            <button type="submit" id="valid-form" class="btn btn-color">SEND</button>

                                        </div>
                                    </div>

                                </form>
                                <!-- /. Contact form -->

                                <div id="answer"></div>

这是PHP:php / contact-me.php

 <?php
if($_POST) {

$to_Email ="Khannon@kelliehannon.com"; // Write your email here

// Use PHP To Detect An Ajax Request
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {

    // Exit script for the JSON data
    $output = json_encode(
    array(
        'type'=> 'error',
        'text' => 'Request must come from Ajax'
    ));

    die($output);
}

// Checking if the $_POST vars well provided, Exit if there is one missing
if(!isset($_POST["userName"]) || !isset($_POST["userEmail"]) || !isset($_POST["userSubject"]) || !isset($_POST["userMessage"])) {

    $output = json_encode(array('type'=>'error', 'text' => 'Input fields are empty!'));
    die($output);
}

// PHP validation for the fields required
if(empty($_POST["userName"])) {
    $output = json_encode(array('type'=>'error', 'text' => 'We are sorry but your name is too short or not specified.'));
    die($output);
}

if(!filter_var($_POST["userEmail"], FILTER_VALIDATE_EMAIL)) {
    $output = json_encode(array('type'=>'error', 'text' => 'Please enter a valid email address.'));
    die($output);
}

// To avoid the spammy bots, you can change the value of the minimum characters required. Here it's <20
if(strlen($_POST["userMessage"])<20) {
    $output = json_encode(array('type'=>'error', 'text' => 'Atleast 20 charaters required.'));
    die($output);
}

// Proceed with PHP email
$headers = 'Content-Type:text/html; charset=UTF-8' . "\r\n" .
$headers = 'From: My website' . "\r\n" .
'Reply-To: '.$_POST["userEmail"].'' . "\r\n" .
'X-Mailer: PHP/' . phpversion();

// Body of the Email received in your Mailbox
$emailcontent = 'Hey! You have received a new message from the visitor <strong>'.$_POST["userName"].'</strong><br/><br/>'. "\r\n" .
            'His message: <br/> <em>'.$_POST["userMessage"].'</em><br/><br/>'. "\r\n" .
            '<strong>Feel free to contact '.$_POST["userName"].' via email at : '.$_POST["userEmail"].'</strong>' . "\r\n" ;

$Mailsending = @mail($to_Email, $_POST["userSubject"], $emailcontent, $headers);

if(!$Mailsending) {

    //If mail couldn't be sent output error. Check your PHP email configuration (if it ever happens)
    $output = json_encode(array('type'=>'error', 'text' => 'Oops! Looks like something went wrong, please check your PHP mail configuration.'));
    die($output);

} else {
    $output = json_encode(array('type'=>'message', 'text' => 'Hello    there,'.$_POST["userName"] .'! Your message has been sent.'));
    die($output);
}
}
?>

这是Javascript:

$(document).ready(function() {

$("#contact-form [type='submit']").click(function(e) {
    e.preventDefault();

    // Get input field values of the contact form
    var user_name       = $('input[name=name]').val();
    var user_email      = $('input[name=email-address]').val();
    var user_subject    = $('input[name=subject]').val();
    var user_message    = $('textarea[name=message]').val();

    // Datadata to be sent to server
    post_data = {'userName':user_name, 'userEmail':user_email,    'userSubject':user_subject, 'userMessage':user_message};

    // Ajax post data to server
    $.post('php/contact-me.php', post_data, function(response){

        // Load json data from server and output message
        if(response.type == 'error') {

            output = '<div class="error-message">  <p>'+response.text+'</p></div>';

        } else {

            output = '<div class="success-message"><p>'+response.text+'</p></div>';

            // After, all the fields are reseted
            $('#contact-form input').val('');
            $('#contact-form textarea').val('');

        }

        $("#answer").hide().html(output).fadeIn();

    }, 'json');

});

// Reset and hide all messages on .keyup()
$("#contact-form input, #contact-form textarea").keyup(function() {
    $("#answer").fadeOut();
});

});

谢谢!

0 个答案:

没有答案