Skip to main content

jQuery AJAX form submit using twitter bootstrap modal

In this article we can see about submitting a form using twitter boostrap modal . Twitter bootstrap contains a modal which has responsive features and beautiful CSS styles.
Here we required two files:
» index.html
» process.php
Jquery form submit

Javascript and CSS files :

Include Jquery and Bootstrap files in index.html

Form content :

Here modal is referred by div id “form-content” which is basically hidden while loading and the form is referred by class “contact”.

Jquery code :

The below code will submit the form to process.php file and shows the processed results in the “thanks” div .

» process.php

The below php code will get the values from the form for processing .

» index.html Full code :