I want to upload data entered in Modal popup into Database. The php code to upload the data is written in function named "Add()". The question is how do I call this function on clicking the submit button of Modal popup.
Modal Popup Code:
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content" style="padding:15px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Please fill your details...</h4>
</div>
<div class="modal-body" style="background-color:#ededed;padding:20px;">
<form method="post" action="details.php" id="form_login" style="padding:20px;" enctype="multipart/form-data">
<div class="form-group">
<label>Name: </label>
<div class="input-group">
<input type="text" class="form-control" name="user" placeholder="Name..." required="">
<label for="uLogin" class="input-group-addon glyphicon glyphicon-user" style="background-color:#337ab7;color:white;"></label>
</div>
</div> <!-- /.form-group -->
<label>Phone number: </label>
<div class="form-group">
<div class="input-group">
<input type="number" class="form-control" name="phone" placeholder="Mobile number..." required="">
<label for="uPassword" class="input-group-addon glyphicon glyphicon-phone" style="background-color:#337ab7;color:white;"></label>
</div> <!-- /.input-group -->
</div> <!-- /.form-group -->
<label>Email Id:</label>
<div class="form-group">
<div class="input-group">
<input type="email" class="form-control" name="email" placeholder="Email Id..." required="">
<label for="uPassword" class="input-group-addon glyphicon glyphicon-envelope" style="background-color:#337ab7;color:white;"></label>
</div> <!-- /.input-group -->
</div> <!-- /.checkbox -->
</div> <!-- /.modal-body -->
<div class="modal-footer">
<button type="submit" class="btn btn-success " id="buyer_details" name="buyer_details" data-dismiss="modal">Submit Details</button>
</div>
</form>
</div>
</div>
</div>