JavaScript Form Tutorials and Tips

New Listings

Most Popular

Top Rated

Discussion

Link To Us

Search For:

Categories

Ajax

ASP

ASP.NET

C and C++

CFML

CGI and Perl

Flash

Java

JavaScript

PHP

Python

Remotely Hosted

Ruby on Rails

Tools and Utilities

Web Hosting

XML



	Sponsor Links

Home :: JavaScript :: Tips and Tutorials :: Forms

Sort Listings By:

Total: 25 Displaying: 1 - 20

Pages: 1 2

Advanced JavaScript Cascading Form Values

	Attached is an example of how to cascade form values from one row to another. Previously I showed how to apply JavaScript cascades to check boxes, in this example we add the same functionality to drop downs and to text boxes.
Free Version: n/a Platform(s): linux, windows, freebsd, osx, sun Updated: Mon Jan 21 2008

Member Reviews (0)

Visitor Ratings

Simple WYSIWYG Editor

	Creating a WYSIWYG textbox for your website is actually quite simple. Thanks to the html iframe component that contains the execCommand function, which enables us to access html tags in real time.
Free Version: n/a Platform(s): linux Updated: Sun Feb 4 2007

Member Reviews (0)

Visitor Ratings

Javascript Text Box Characters Counter

	Here you have an example of how you can display and limit the number of characters an user can insert into an input or a textarea field.
Free Version: n/a Platform(s): linux, windows, freebsd, osx Updated: Tue Jan 2 2007

Member Reviews (0)

Visitor Ratings

Ajax 'Suggest' box for HTML Forms

	Tutorial explaining how to use Ajax (Asynchronous Javascript and XML) to create a drop-down 'suggest' box for form fields which updates as you type by querying the server in the background. Similar to the 'Google Suggest' application. Full tutorial, code snippets and further reources. And it's free, of course.
Free Version: n/a Platform(s): linux, windows, freebsd, osx, sun Updated: Wed Jan 4 2006

Member Reviews (0)

Visitor Ratings

Changing Select element content on the fly

	This tutorial explains how to change a select element's content using JavaScript, from adding new options to modifying and deleting them. It also shows how to create a 2 level interdependent select list.
Free Version: n/a Platform(s): linux, windows Updated: Fri Nov 11 2005

Member Reviews (0)

Visitor Ratings

AJAX Tutorial - First AJAX form

	In this article, I'll explain demonstrate the fundamental steps to creating an Ajax form. In this demo, there are two files, one is index_demo.php and the other is add_url_demo.php
Free Version: n/a Platform(s): linux, windows Updated: Sat Oct 22 2005

Member Reviews (0)

Visitor Ratings

Resetting forms using an Image Button (IE4+ / NS4+)

In forms when using text boxes or text areas and check boxes you might need a reset button that is not the usual gray HTML button. For this you can use a small JavaScript function as given below. Note: This button will reset only text boxes,text areas and check boxes as list boxes and option buttons don't usually require resetting. After resetting the form the cursor will set the focus to the first field in the form.

Free Version: n/a Platform(s): n/a Updated: Fri Apr 22 2005

Member Reviews (0)

Visitor Ratings

Text Box Characters Counter

In forms when using text boxes or text areas with limited character length (usually needed for forms that submit data to a database) it is always a good idea to tell the user how many characters they have remaining. The following example shows how you can do this. This is a very simple and cute idea to help the user know exactly how many characters he can type further. Do these small add-ons to your forms and they will look really professional.

Free Version: n/a Platform(s): n/a Updated: Fri Apr 22 2005

Member Reviews (1)

Visitor Ratings

Submit1ce

Got a submissions form that you keep getting multiple submissions from? I've found that in most cases its because people are impatient and click the submit button repeatedly until they get a response. The unfortunate result is that you receive multiple copies of the same form. This little bit of JavaScript disables the submit button as soon as it is clicked for the first time and prevents the user sending their form multiple times. Script now also changes the text on the button to 'Thanks' (this can be modified to suit)

Free Version: 1.1 Platform(s): n/a Updated: Sat Apr 9 2005

Member Reviews (0)

Visitor Ratings

Validating a text box for numeric data

	A simple javascript validation code to check the user input and allow numeric data and disallow invalid characters
Version: n/a Platform(s): linux, windows, freebsd, sun Updated: Fri Aug 3 2007

Member Reviews (0)

Visitor Ratings

JavaScript Form Object

	In this JavaScript Tutorial you will learn about JavaScript form object, properties of form object, action - elements[], encoding, length, method, name, target, button, checkbox, FileUpload, hidden, password, radio, reset, select, submit, text, textarea and methods of form object.
Version: n/a Platform(s): n/a Updated: Thu May 24 2007

Member Reviews (0)

Visitor Ratings

Set Focus to First Available Form Control

	Sometimes it is necessary to set the focus to the first available form control. The problem is that complex web pages can contain multiple forms and each form individually can contain hidden or disabled elements and controls that cannot accept focus. In this tutorial we will create a function which iterates through all forms until it finds the first available form control.
Version: n/a Platform(s): n/a Updated: Tue Jan 2 2007

Member Reviews (0)

Visitor Ratings

JavaScript Form Validation

Any interactive web site has form input. If you run a validation of the user's form input before the form is submitted, there will be no wait time and redundant load on the server. "Bad data" are already filtered out when input is passed to the server-based program. It also allows to simplify server-based program. Client side form validation usually done with javascript. For the majority of your users, JavaScript form validation will save a lot of time up front.

Version: n/a Platform(s): n/a Updated: Wed Sep 20 2006

Member Reviews (0)

Visitor Ratings

Form Object Tutorial

	This tutorial is about accessing form objects of the 3 standard ways via JavaScript.
Version: n/a Platform(s): linux, windows, freebsd, osx, sun Updated: Wed Feb 1 2006

Member Reviews (0)

Visitor Ratings

Address Auto-Fill Ckeck Box

	Javascript code that automatically fills in the address in all places needed on the page after just once entering it and selecting the check box.
Version: n/a Platform(s): n/a Updated: Mon Apr 18 2005

Member Reviews (0)

Visitor Ratings

How to pass values from one field to other fields using Javascript

	One of the big questions people have is how they can pass values from fields to others fields.
Version: n/a Platform(s): linux, windows Updated: Tue Apr 5 2005

Member Reviews (1)

Visitor Ratings

JavaScript Form object explanation

	Complete listing of the Form object of JavaScript and its properties/methods. Also includes additional pages describing objects beneath Form, such as TEXTAREA, SELECT etc.
Version: n/a Platform(s): n/a Updated: Fri Oct 1 2004

Member Reviews (0)

Visitor Ratings

Form Change Event (Dynamicaly change one form value while other is changed)

	Let us say that we have a form with two select options. We want one to change when we change the value of other. Follow the steps to do it yourself
Version: n/a Platform(s): n/a Updated: Wed May 5 2004

Member Reviews (0)

Visitor Ratings

Enabling/ disabling form elements using JavaScript

	This tutorial shows you how to use JavaScript to dynamically enable and disable form elements, making the process of filling out forms more intuitive.
Version: n/a Platform(s): n/a Updated: Mon Mar 22 2004

Member Reviews (0)

Visitor Ratings

The target attribute

	For various web scripts it is more convenient that user will see form executed in new window when he is pressing the submit button. Using JavaScript you can control the appearance of that window. change size, turn off navigation panel, hide manubar and so on. This technique is very helpful for poll and guestbook applications.
Version: n/a Platform(s): n/a Updated: Wed Oct 30 2002

Member Reviews (0)

Visitor Ratings

Total: 25 Displaying: 1 - 20

Pages: 1 2

Other iNET Interactive Sites:
Web Hosting Talk | dBForums | Mac Forums | Hosting Catalog