title: Bootstrap Modal before form Submit
body: <p>I'm new to Modals, I have a Form and when the user clicks submit, It will show a Modal confirming if the user wants to submit, the modal also contains the user input from the form fields. I searched all over the internet but can't find the right one on my needs. And all I see is that they tag the click event to open modal on a  a link. i have a input type submit. Can you give examples or ideas? Thanks! Here's my sample form.</p>
  
  <pre><code>&lt;form role="form" id="formfield" action="inc/Controller/OperatorController.php" method="post"  enctype="multipart/form-data" onsubmit="return validateForm();"&gt;
  &lt;input type="hidden" name="action" value="add_form" /&gt; 
  
         &lt;div class="form-group"&gt;
           &lt;label&gt;Last Name&lt;/label&gt;&lt;span class="label label-danger"&gt;*required&lt;/span&gt;
           &lt;input class="form-control" placeholder="Enter Last Name" name="lastname" id="lastname"&gt;
         &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
            &lt;label&gt;First Name&lt;/label&gt;&lt;span class="label label-danger"&gt;*required&lt;/span&gt;
            &lt;input class="form-control" placeholder="Enter First Name" name="firstname" id="firstname"&gt;
         &lt;/div&gt;
  
    &lt;input type="submit" name="btn" value="Submit" id="submitBtn" class="btn btn-default" data-confirm="Are you sure you want to delete?"/&gt;
    &lt;input type="button" name="btn" value="Reset" onclick="window.location='fillup.php'" class="btn btn-default" data-modal-type="confirm"/&gt;
  &lt;/form&gt;
  </code></pre>