user7923614
user7923614

Reputation:

Bootstrap Modal Form submit error

I know this question has many solutions in SO.But still I cant spot my mistake.The following is my bootstrap modal form

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.min.css">
  <script src="../asset/modal/js/jquery.min.js"></script>
  <script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<? if(isset($_POST["sendmail"]))
   echo "Form 1 have been submitted";
    ?>
<div class="container">

  <!-- Trigger the modal with a button -->

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    <? echo $token;  ?>
      <!-- Modal content-->
      <form class="form-horizontal" role="form" method="post" name="sendmail" >
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <textarea rows="8" class="form-control"></textarea>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-default" >Send</button>
        </div>
      </div>
      </form>
    </div>
  </div>

</div>

</body>
</html>

But whenever i submit the form it redirects to the index page of my project.Please Help me spotting my error.:-(

Upvotes: 0

Views: 1308

Answers (2)

Peter Haddad
Peter Haddad

Reputation: 80914

Yes its because you are not directing it anywhere...You need to write something like this:-

   <form class="form-horizontal" role="form" method="post" name="sendmail" action="page_name_here.php" >

So you need to add action="page_name_here.php">

If you want to stay on the same page then just write action="#">

Update:-

 <button type="submit" class="btn btn-default" name="send">Send</button>

Add a name to the button send then in the Php:-

<? if(isset($_POST["send"]))
 echo "Form 1 have been submitted";
 ?>

This way when you click the send button everything in the form is submitted, since its a button of type=submit

Upvotes: 2

Michael GEDION
Michael GEDION

Reputation: 939

Use this for the submit button. Your button has not been named as sendmail for the POST so the info will not pass.

<? if(isset($_SERVER['REQUEST_METHOD'] == 'POST' ))
   echo "Form 1 have been submitted";
?> 

Add empty action as shown for the same page

 <form class="form-horizontal" role="form" method="post" name="sendmail" action="">

Upvotes: 0

Related Questions