jquery.popupform - jQuery Popup Form takes a regular html form element and converts it into a popup.





Popup Form
jQuery Popup Form takes a regular html form element, converts it into a popup and converts request into AJAX request. Open it programmtically, or assign it to an existing link or button. It works on all major browsers (including mobile). You can specify up to three steps for easier completion. Easily integrate it with external form validation plugins.
Setup
Add the .js and .css files to your site. Copy the close.png file to the same folder as the .css file.
Usage
HTML
Create a Movie
1
2
Movie Title
Rating (optional)
Next
Director (optional)
Create Movie
js
$'#popupform1'PopupForm
openPopupButton: $'#btn-movie'0
formTitle: 'Create a Movie'
// Or used validation plugin, we recommend: http://jqueryvalidation.org/
if$'#movie-title'vallength > 0
return true;
else
alert'Movie title is a required field';
return false;
console.log'Form just submitted.';
alert'Form submitted successfully.'
console.log'Form submit failed.'
console.log'Form closed.'
;
Examples, Demo and Documentation
For more examples and documentation go to elohr.me
You might also like
Tags
accordion accordion menu animation navigation animation navigation menu buttons carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu