Top >>JavaScript >> Tips and Tutorials >> Forms

JavaScript/ Tips and Tutorials/ Forms Hot scripts::

Presented here are a good collection of JavaScript/ Tips and Tutorials/ Forms Hot scripts. Enjoy!

1. 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.

Visitor Ratings (0) :

Member Ratings (0):

2. HTML Elements in Forms

A tutorial on how to script forms with JavaScript. Covers different event handlers for common form elements. This is an excerpt of 'Beginning JavaScript' from Wrox Press.

Visitor Ratings (0) :

Member Ratings (0):

3. 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.

Visitor Ratings (0) :

Member Ratings (0):

4. Limit characters in a text box with alarm

Sometimes you want to limit characters in a text box. If that is the case, try this script. This version limits the characters and tells you that you're off the limit with a sound of your choice.

Visitor Ratings (0) :

Member Ratings (0):

5. 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.

Visitor Ratings (0) :

Member Ratings (0):

6. Select Menu List

You can use two multiple-select menus to make it easy for someone to create a list, by moving items from one menu to the other. This can be down with three line of JavaScript. Find out how.

Visitor Ratings (0) :

Member Ratings (0):

7. Accessing and validating forms using Javascript

If you're new to using JavaScript to access forms, this is the tutorial to read. You'll not only learn how to access forms, but validate them as well.

Visitor Ratings (0) :

Member Ratings (0):

8. A Guide to Unobtrusive Javascript Validation

If you¡¯re into the whole separation of behavior and structure thing, you know that unobtrusive JavaScript is the way to go. Chris goes over three different methods of validating your forms without mucking up your markup.

Visitor Ratings (0) :

Member Ratings (0):

9. 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.

Visitor Ratings (0) :

Member Ratings (0):

10. 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.

Visitor Ratings (0) :

Member Ratings (0):

Pages: Previous 1 2 Next