bootstrap ajax form submit,javascript - Bootstrap Modal before form Submit - Stack Overflow

So if I get it right, on click of a button, you want to open up a modal that lists the values entered by the users followed by submitting it.

For this, you first change your input type="submit" to input type="button" and add data-toggle="modal" data-target="#confirm-submit" so that the modal gets triggered when you click on it:

Next, the modal dialog:

Confirm Submit

Are you sure you want to submit the following details?

Last Name
First Name

Cancel

Submit

Lastly, a little bit of jQuery:

$('#submitBtn').click(function() {

/* when the button in the form, display the entered values in the modal */

$('#lname').text($('#lastname').val());

$('#fname').text($('#firstname').val());

});

$('#submit').click(function(){

/* when the submit button in the modal is clicked, submit the form */

alert('submitting');

$('#formfield').submit();

});

You haven't specified what the function validateForm() does, but based on this you should restrict your form from being submitted. Or you can run that function on the form's button #submitBtn click and then load the modal after the validations have been checked.