Javascript HTML Php表单的Php文件

我在一个网站模板上学习了很长时间。我的站点中有一个联系人表单，我的html文件（index.html）链接到一个js文件（contact me.js）。我将提供以下信息：

index.html中的联系人表单：

<!-- OPEN - Content -->
            <div class="item-title text-center">

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

                    <div class="row">

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

                        <!-- E-mail -->
                        <div class="col-xs-12 col-sm-6 col-lg-6">
                            <div class="form-group">
                                <input type="email" id="email" class="form form-control" placeholder="Write your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Write your email address'" 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="Write the subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Write the subject'" name="subject" data-name="Subject">
                            </div>
                        </div>

                        <!-- 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="Your message here... 20 characters Min." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your message here... 20 characters Min.'" name="message" data-name="Text Area" required></textarea>
                            </div>
                        </div>

                    </div>

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

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

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

            </div> <!-- CLOSE - Content -->

发送我的消息

我的contact-me.js是：

$(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();
});

});

$（文档）.ready（函数（）{
$（“#联系表格[type='submit']”）。单击（功能（e）{
e、 预防默认值（）；
//获取联系人表单的输入字段值
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（）；
//要发送到服务器的数据
post_data={'userName'：user_name，'userEmail'：user_email，'userSubject'：user_subject，'userMessage'：user_message}；
//Ajax将数据发布到服务器
$.post（'php/contact me.php'，post_数据，函数（响应）{
//从服务器加载json数据并输出消息
如果（response.type==“error”）{
输出=“”+响应.text+”
”；
}否则{
输出=“”+响应.text+”
”；
//之后，将重置所有字段
$（'#联系人表单输入'）.val（''）；
$（“#联系方式textarea”）.val（“”）；
}
$（“#答案”）.hide（）.html（输出）.fadeIn（）；
}“json”）；
});
//重置并隐藏.keyup（）上的所有消息
$（“#联系人表单输入，#联系人表单文本区域”）.keyup（函数（）{
$（“#答案”）.fadeOut（）；
});
});

---

你能帮我处理一下php文件吗。我对php完全陌生。请帮助我使用这个表单应该使用的php文件。

我假设您需要一个php脚本来向您发送用户输入的邮件数据

我真的不知道你为什么要使用Javascript（你不是在验证数据，所以使用php的post-action方法

下面是一个示例代码。 您需要对如何使用“mail（）”有基本的了解和阅读

什么类型的php帮助？您尝试过哪些不起作用的？实际上我需要php文件的内容contact-me.php您的问题不清楚，先生

<?php
    $to = "mail@yourdomain.com"; 
    $from = $_POST['user_email']; 
    $name = $_POST['user_name']; 
    $headers = "From: $from"; 
    $subject = $_POST['user_subject']; 
    $body = $_POST['user_message']; 
    $send = mail($to, $subject, $body, $headers);
?>