Using a combination of CSS and Javascript this script will demonstrate how to drop in code to check all the required fields on a HTML form without having to specify each and every field. Incredibly Simple and easy to integrate with your site.
Checking that form fields have input is extremely important - having this performed before the form is submitted, client side, before its handled by anything at the backend such as an SQL or MS Access database, is vital and an additional factor in getting accurate input. This code contains functions to check null input and also to check if an email address follows a valid pattern.
Version: n/a Platform(s): n/a Updated: Wed Feb 12 2003
Displays a short list of ~39 countries -or- a complete list of ~240 countries, all under the users control and in ONE select control. The user can switch back abd forth between the two lists. It even supports default values.
Version: 1.0 Platform(s): n/a Updated: Tue Jan 7 2003
This program illustrates how to actually read and process fields of information from a form (including proper number to number conversion) on a webpage WITHOUT the need of having to actually use the traditional submit button (and writing sometimes long parsing functions that everyone seems to be using) before any processing is done.
Version: 1 Platform(s): IE 5.x Updated: Mon Jan 6 2003
Does your form contain an "Accept terms" section users must agree to before submitting the form? If so, this script helps enforce it, by disabling the submit button (in IE4+ and NS6+) or process (all other browsers) until he/she checks a box indicating compliance.
Version: n/a Platform(s): n/a Updated: Sat Dec 28 2002
This script "auto tabs" a form field (and jumps to another field) once the length of the field's value has exceeded a certain length. It works in conjunction with the "maxlength" attribute of HTML, triggered whenever the user's input reaches the maxlength's value.
Version: n/a Platform(s): n/a Updated: Wed Dec 18 2002
This script limits the amount of text a user can enter into particular INPUT or TEXTAREA elements, plus displays in real time the number of characters remaining.
Version: n/a Platform(s): n/a Updated: Mon Aug 19 2002
Increase the "intuitiveness" of filling out forms on your site with this script. It applies coloring to the form element in focus, better indicating which one the user is currently on.
This is a JavaScript Form validator. When you submit the form, it validates the data you entered in the various fields. You are allowed to enter only alphabetical characters in the "Name" field. You can enter only numerical data in the "Age" and "Zip" fields. You can also choose which fields are "required" by the user to be filled.
Version: 1.0 Platform(s): n/a Updated: Tue May 14 2002
qForms is a complete JavaScript API for interfacing forms. It will not only simplify your work, but will also give you the ability to create more complex form-based interaction. qForms was designed with everyone in mind—from the complete JavaScript novice to the most sophisticated guru. In this session, we’ll cover all the basics of the API as well as how to create your own add-ons. qForms is an open-source JavaScript API released under the GNU LGPL.
Version: n/a Platform(s): n/a Updated: Thu May 2 2002
dateBox is developed to easily work with date HTML form fields and represent a set of date fields as normal JavaScript Date object. The main part which set it apart is OOP. The script turned out to be weighty, but it is not a big problem as it is mainly intended to be used in web interfaces so user will have to download it only once. Main features: OOP structure; automatic recalculation of the day drop-down menu; correctly handles leap years; ablility to compose short and long dates; support for IE 5+ & NS 6+ (and other Gecko compatible browsers); and customization.
Version: 2.0.1 Platform(s): JavaScript 1.2+ Updated: Thu Jan 10 2002
This script demonstrates how to prevent your users from submitting the same form data multiple times. If the user click the submit button more than one once, it shows a small message that the form data has been already sent.
Version: 1.00 Platform(s): n/a Updated: Mon Oct 8 2001
This JavaScript shows how to update a text component of a form on a selection change in the same form. It uses the event onchange to trigger the javascript function to go see what is selected and look up the price for that selection. Its design allows the programmer to write the code for the selection order or the definition of the prices in any order he/she wishes.
Version: n/a Platform(s): n/a Updated: Tue May 1 2001
This is a JavaScript example that creates a menu (drop down select list) of all the days in the current month. The current date is selected by default.