提交表单后如何在HTML页面中进行确认

时间:2016-02-15 22:27:59

标签: html forms form-submit

您好我有一个HTML文件,其中包含一个表单和一个接收html表单数据的php文件。 我想在执行php文件后在html文件中显示确认消息(在div容器内)。到处搜寻了很多,但仍然没有得到答案。

这是我的html表单(enquiry.html)

var appname = angular.module('appname', ['ngStorage']);
appname.controller('CartController', function($scope, $localStorage, $sessionStorage) {

我无法理解,在php中写什么来设置"感谢您提交" html页面中的消息。

Enquiry.php文件

<div class="form-body">

                                    <form method="post" action="/">
                                        <span id="MasterInner_lblName">Your Name</span>
                                        <input name="MasterInner_txtName" type="text" />
                                        <span id="MasterInner_lblEmail">Your Email</span>
                                        <input name="MasterInner_txtEmail" type="email" />
                                        <span id="MasterInner_lblMobile">Your Mobile</span>
                                        <input name="MasterInner_txtMobile" type="text" />
                                        <span id="MasterInner_lblCity">Your City</span>
                                        <input name="MasterInner_txtCity" type="text" />
                                        <span id="MasterInner_lblCity">Remarks</span>
                                        <textarea name="MasterInner_txtRemarks" /></textarea>
                                        <button type="button" name="MasterInner_submit" value="Submit" id="submitform" Class="form-button" />Submit</button>
                                    </form>
                                </div> <!-- Form ends -->
                                <div id="confirmID">test for form submission</div>
                                <script>
                                    $("#submitform").click(function() {
                                        //code
                                        $.post("enquiry.php", {
                                        MasterInner_txtNamePost: MasterInner_txtName,
                                        MasterInner_txtEmailPost: MasterInner_txtEmail,
                                        MasterInner_txtMobilePost: MasterInner_txtMobile,
                                        MasterInner_txtCityPost: MasterInner_lblCity,
                                        MasterInner_txtRemarksPost: MasterInner_txtRemarks
                                        },function(data) {
                                          alert("Form submitted");
                                          document.getElementByID(confirmID).innerHTML = "Submitted";
                                        });
                                    });
                                </script>

//使用error_reporting(0);

<?php

&GT;

请帮忙,让这项工作。

2 个答案:

答案 0 :(得分:0)

如果您可以使用javascript,则可以通过添加点击事件和发布方法轻松完成此操作。例如:

document.getElementByID("id").click(function() {
                    //code
                    $.post("enquiry.php", {
                    MasterInner_txtMobilePost: MasterInner_txtMobile,
                    MasterInner_txtCityPost: MasterInner_lblCity,
                    MasterInner_txtRemarksPost: MasterInner_txtRemarks
                    }, function(data) {
                      alert("Form submitted");
                      document.getElementByID("confirmID").innerHTML = "Submitted";
                    });
                    }
                });

答案 1 :(得分:0)

将以下代码放在php结束标记之前的php文件 enquiry.php 中。

header("Location: confirmation.html");
exit;

注意:确认页面应与 enquiry.html 相同,您只需将表单替换为您的消息即可。