网站上的电子邮件表格


Email Form on Website

我最近决定复习我的编码技能(哇,十年+年来事情发生了变化),我需要一点帮助才能使电子邮件表单正常运行。

这是 HTML:

<!-- Contact Contents Starts -->
                <div class="contents">
                    <div class="row">
                        <!-- Form Starts -->
                        <div class="col-md-10 col-md-offset-1">
                            <div class="form animated" data-animation="fadeInUp" data-animation-delay="1000">
                                <div class="heading">Drop us a line.</div>
                                <form action='js/contact/contact-form.js' method='post' name='ContactForm' id='ContactForm' >
                                    <div id='message_post'></div>
                                    <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                        <input type="text" name="name" class="form-control" placeholder="Name *">
                                    </div>
                                    <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
                                        <input type="text" name="email" class="form-control" placeholder="Email *">
                                    </div>
                                    <div class="input-group"> <span class="input-group-addon"><i class="fa fa-laptop"></i></span>
                                        <input type="text" name="website" class="form-control" placeholder="Website">
                                    </div>
                                    <div class="input-group"> <span class="input-group-addon"><i class="fa fa-comment-o"></i></span>
                                        <textarea name="comment" class="form-control" placeholder="Comment *"></textarea>
                                    </div>
                                    <div class="input-group form-buttons"> <span class="input-group-btn">
                                        <button class="btn btn-default" type='submit' value='Submit' name='submitf' id="submitf" style="width:100%;height:40px;"><i class="fa fa-envelope"></i> SEND</button>
                                        </span> 
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- Form Starts -->
                        <div class="space"></div>
                        <div class="space"></div>
                    </div>
                </div>
                <!-- Contact Contents Starts -

这是JS:

$(function(){
    $("#ContactForm").submit(function(){
        $("#submitf").value='Please wait...';
        $.post("process.php?send=comments", $("#ContactForm").serialize(),
        function(data){
            if(data.frm_check == 'error'){ 
                    $("#message_post").html("<div class='errorMessage'>ERROR: " + data.msg + "!</div>"); 
                    document.ContactForm.submitf.value='Resend >>';
                    document.ContactForm.submitf.disabled=false;
            } else {
                $("#message_post").html("<div class='successMessage'>Your message has been sent successfully!</div>"); 
                $("#submitf").value='Send >>';
                }
        }, "json");
        return false;
    });
});

我找不到进程.php文件,我对编写php一无所知。

您的 JQuery 代码尝试POST要处理的表单数据.php。因此,除非该文件存在,否则它将不起作用。如果您有其他 PHP 文件来处理实际处理,请更改该文件名。如果这也对你没有帮助,恐怕你需要去搜索一个脚本/包/任何有效的东西,然后使用它。