HTML für nicht nach einem Klick auf den Absenden-Button vorgelegt werden

Question

Ich habe die folgende Form:

<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> 

Und in der gleichen Datei unter der Form, ich habe Anweisung die folgende PHP-Formular, wo ich, wenn das Formular überprüfen vorgelegt wird oder nicht:

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

die Schaltfläche „senden“ Nach einem Klick kann ich die „Form vorgelegt wird“ nicht betreten if. Ich bin mir nicht sicher warum?

Answer 1

Dies sollte funktionieren, die Benennung der Schaltfläche Senden funktionierte nicht.

<?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

Das Problem war in der JavaScript-Datei für das Kontaktformular. Nach dem Entfernen dieser:

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

Das Formular funktioniert jetzt. Danke allen für die Hilfe :)