jQuery forms is ultimately helpful when you want to make graphical designs decisions with your forms. Some jQuery forms makes a textbox big and more prominent than it used to be, it can also provide some ready-to-use form itself wherein all of the basic parts of a form is already included such as textbox, radio button, check boxes and more.

Related posts:


1. iPhone Styled Checkbox


This is based on iPhone’s famous on/off toggle switches.

Source: http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html


2. Ajax Fancy Captcha


This is a plugin that helps your web pages from bots and as well as from spammers.

Source: http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin


3. Mark it up


This is a lightweight jQuery plugin that can turn textarea into a very nice text editor.

Source: http://markitup.jaysalvat.com/home/


4. Ajaxify


This can turn any standard form or link into an Ajax request.

Source: http://plugins.jquery.com/project/jquery-ajaxify


5. Autotab


You can now stop using TAB when you want to go to another field in a form. Autotab jQuery plugin can automatically move into another field when maximum number of text reaches in the previous field.

Source: http://plugins.jquery.com/project/autotab


6. Elastic


This will automatically resize your textareas to fit your content.

Source: http://www.unwrongest.com/projects/elastic/


7. jQTransform


Instantly transform your old looking form into a nice good looking one!

Source: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/


8. In Field Labels


This plugin will put field labels inside the field itself.

Source: http://fuelyourcoding.com/in-field-labels/


9. jQuery Form Validation


Finish off your worries with form validation because jQuery Form Validation is a versatile solution that will work out with every single form, this script also provides errors that will be displayed at the top of the form.

Source: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/


10. jQuery Autocomplete Examples


A nice plugin that will automatically suggest words that is close related on what you’re typing.

Source: http://www.ajaxdaddy.com/demo-jquery-autocomplete.html


11. Uploadify


This is an awesome plugin that provides multiple file uploads!

Source: http://www.uploadify.com/


12. Image Combobox


This plugin will add image to the items included in dropdown box.

Source: http://www.marghoobsuleman.com/jquery-image-dropdown


13. jQuery Datepicker


This is tied into a text field that when a user clicks/tabs, a calendar will appear.

Source: http://jqueryui.com/demos/datepicker/


14. Toggleval


This plugin will give you option to populate in different ways the default text of a form fields.

Source: http://jquery.kuzemchak.net/toggleval.php


15. jQuery Password Masking


This will mask your password field.

Source: http://www.prothemer.com/blog/2009/07/02/new-jquery-plugin-targeting-usability-for-password-masking-on-forms/

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.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


No Reader comments

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.