|
Scripts > JavaScript > Tutorials > Forms
|
1. 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.
Hits: 4 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
3. 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.
Hits: 2 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
5. 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.
Hits: 2 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
6. 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.
Hits: 2 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
7. 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 youre off the limit with a sound of your choice.
Hits: 5 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
8. 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.
Hits: 2 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
9. 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)
Hits: 2 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
10. 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.
Hits: 5 Rating: 0.00 Votes: 0
|
| Member Reviews |
 |
Visitor Ratings |
 |
Google PR |
 |
|
|
|