JavaScript
Article

Top 10 jQuery Form Selection

By Sam Deering
In the world of web developing, the form is considered one of the most important parts of a website. It is widely used for interaction between you and your web page visitors. jQuery can help enhance this. Once again, I’ve gathered a set of 10 forms that can help you ease your projects.

Related Posts:

1. jQuery AJAX Delete

You could add content using Ajax, but deleting them is such a pain. Now, this tutorial is all about deleting them using jQuery.
jQuery-Ajax-Delete.jpg
Source


2. WordPress contact form without plugin

Create your own jQuery contact form plugin in wordpress!
jQuery-Contact-Form.jpg
Source


3. Enlarge input fields on focus

Type a long text in a 200 pixels wide textarea.
jQuery-Enlarge-input-fields.jpg

Source


4. Creating a Digg Style Sign Up Form

Have a Digg website style clone with this tutorial.
jQuery-Digg-Style.jpg

Source


5. Build a great Login Form

Make a login panel appear whenever you click on a link.
jQuery-Sliding-Login-Form.jpg

Source


6. Multiple Select Form Elements

Enhance your forms usability with this tutorial.
jQuery-Multiple-Select-Form.jpg

Source


7. AutoCompleter

Create a text field autocompletion using jQuery.
jQuery-Auto-Completer.jpg

Source


8. jQuery inline form validation

Validate a form with refreshing the page.
jQuery-Inline-Form.jpg

Source


9. Current Field Highlighting in Forms

Improve your form usuability and enhance them visually.
jQuery-Current-Field-Highlight.jpg

Source


10. A Basic jQuery Valdation Form

Create your own validation form from scratch.
jQuery-Basic-Validation.jpg

Source

Sam Deering
Meet the author
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.