|
Address Auto-Fill Ckeck Box
|
Other links at JavaScript > Tutorials > Forms |
| 1. |
Submit1ce
|
|
|
Got a submissions form that you keep getting multiple submissions from? Ive 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)
|
| 2. |
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 dont usually require resetting. After resetting the form the cursor will set the focus to the first field in the form.
|
| 3. |
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 dont usually require resetting. After resetting the form the cursor will set the focus to the first field in the form.
|
| 4. |
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.
|
| 5. |
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.
|
|
|
