JavaScript Tutorials — Forms

Learn how to use Password Srength Meter, a JavaScript password strength checker based on MooTools 1.3. It aims to provide simple, reliable password strength indications across all browsers in an unobtrusive manner. It is 100% styled by CSS and allows for custom validations. It can be used with effects or without and has an optional text component that changes with each change of state.

How to build an advanced php contact form with the help of Ajax and jQuery tutorial. This contact form can have the ability to send mail to user selected address from multiple email addresses.

jQuery Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm.

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components.

Sometimes, before writing a plug-in your first step should really be to see if someone else has done it for you. The jQuery community has a vast array of plug-ins freely available for use – you can see them at the jQuery plug-ins site. There are also existing UI widgets available from the jQuery-UI project. In this tutorial, we're going to take a jQuery-UI widget and show you how to implement it – the autocomplete widget.

A dependent select is when a form select box's options depend on the values of a previous form select box. Two examples of this would be a USA State selector, which then filled the next box with cities from that state. Another example would be a car make selector (ie. Ford) which then displayed models (ie. Taurus, Bronco, F-150). In this tutorial we're going to create a dependent selects plug-in using jQuery.

Making jQuery switch or toggle between login and signup forms in a smoother way without page refresh.

This tutorial shows you, step-by-step, how to create an automatically-updating character counter / limiter for textareas - using jQuery.

Validation of form elements using JavaScript. Restrict user to input wrong input and display message with nice user interface

jQuery makes it easy to spice up our search bars and form input fields with simple touches that really enhances the user’s experience. Let’s look at how jQuery can be used to show/hide a default value inside a field and provide visual user feedback when the field is selected.