JavaScript Tutorials — Forms

This is a tutorial on how to write a validation script for HTML form inputs using jQuery. There are plenty of these out there already, but in most cases I found that they could not be applied quickly. 9 out of 10 websites that I develop need nothing more than a simple validation to tell the user when an input was left empty or filled in improperly. Once you’ve gotten the hang of this script, it will only take you a couple of minutes to reapply it to each new website that you’d like it on.

This is a complete step-by-step tutorial on how to create a kick-ass contact form that is sure to impress your users. All you need is jQuery. No plugins are necessary for this to work, and it is only 2kb of extra javascript in addition to the jQuery library. This also works on all browsers, IE6 and up.

Learn how to limit the amount of text or characters in a form field such as a text area. No regular expressions or replace functions making it completely cross browser friendly and very light weight.

Today I wanted to write a quick demonstration of how to do a simple form validation. Here you will learn how to make sure that certain form fields are filled before any data is allowed to be sent off.

One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we'll also animate it.

Tutorial on how to create a searchform containing check boxes, when submitted we get all checked checkboxes through jQuery and send a JSON string via Ajax that will be used by PHP to get the search result.

A simple way to apply bbcode tags into your forms with JavaScript....

Don't put any unnessary strains on your server. Using Javascript you can make sure all the fields are filled out, and filled out correctly before passing them on to your PHP form handler.

Learn how to do form processing within PHP.

An effective way of performing script input and output operations is through use of textbox fields. You can use textboxes, <input type="text"/>, as input areas into which users enter information, and you can use them as areas to display script output.