單擊提交按鈕后未提交 HTML for

Question

我有以下表格：

<form method="post">
    <div class="control-group form-group">
        <div class="controls">
            <label class="contact-p1">Full Name:</label>
            <input type="text" class="form-control" name="name" id="name" required data-validation-required-message="Please enter your name.">
            <p class="help-block"></p>
        </div>
    </div>
    <div class="control-group form-group">
        <div class="controls">
            <label class="contact-p1">Email Address:</label>
            <input type="email" class="form-control" name="email" id="email" required data-validation-required-message="Please enter your email address.">
            <p class="help-block"></p>
        </div>
    </div>
    <div class="control-group form-group">
        <div class="controls">
            <label class="contact-p1">Description</label>
            <textarea placeholder="Your text here.." name="description" class="form-control" rows="8" required></textarea>
            <p class="help-block"></p>
        </div>
    </div>
    <div id="success"></div>
    <!-- For success/fail messages -->
    <input type="submit" value="Send" name="submit" class="btn btn-success btn-block btn-lg">
</form>

在表單下方的同一個文件中，我有以下 php 表單語句，用於檢查表單是否已提交：

 if (isset($_POST['submit'])) {
     echo "<h1>" . "Form is submitted" . "</h1>";
 } else {
     echo "<h1>" . "Form is not submitted" . "</h1>";
 }

單擊“發送”按鈕后， if . 我不確定為什么？

Answer 1

這應該有效，提交按鈕的命名不起作用。

<?php

     if (isset($_POST['SubmitForm'])) {
             echo "<h1>" . "Form is submitted" . "</h1>";
          } else {
             echo "<h1>" . "Form is not submitted" . "</h1>";
     }

     ?>

    <form method="post">
                        <div class="control-group form-group">
                            <div class="controls">
                                <label class="contact-p1">Full Name:</label>
                                <input type="text" class="form-control" name="name" id="name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block"></p>
                            </div>
                        </div>
                        <div class="control-group form-group">
                            <div class="controls">
                                <label class="contact-p1">Email Address:</label>
                                <input type="email" class="form-control" name="email" id="email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block"></p>
                            </div>
                        </div>
                        <div class="control-group form-group">
                            <div class="controls">
                                <label class="contact-p1">Description</label>
                                    <textarea placeholder="Your text here.." name="description" class="form-control" rows="8" required></textarea>
                                <p class="help-block"></p>
                            </div>
                        </div>
                        <div id="success"></div>
                        <!-- For success/fail messages -->
                        <input type="submit" value="Send" name="SubmitForm" class="btn btn-success btn-block btn-lg">
     </form>

Answer 2

問題出在聯系表單的 JavaScript 文件中。 刪除后：

event.preventDefault(); // prevent default submit behaviour

該表格現在正在工作。 謝謝大家的幫助:)