Forms

In forms when using check boxes for a list of records that is generated dynamically (example: display of messages in your yahoo or hotmail inbox) you might want a simple feature of checking or clearing all the check boxes related to those records before deleting or moving. Use this simple script to do just so.

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.

This is a code snippet demostrating how to empty a textarea with a simple click.

This script allows you to set the colors of the form components using the style properties. It works in IE only.

This Script requires your visitors/customers to accept your terms and conditions before proceeding to the next page. Ideal for order-forms, age restricted content etc. Other free JS codes also available.

This simple script set shows how to highlight (select) the text in a form's textarea by clicking on a link. Useful for code listings, order form information, or other material the visitor may wish to copy to the clipboard with Control+C.

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.

This is a validation JavaScript that checks the value inside a form box to ensure it's a number.

This JavaScript shows how to have a form-based question validated on the submit. It builds the new page which it writes to the window after the answer is submitted. It tells on the new page if you got the answer right or not.

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.

Along with explanation this is a JavaScript that you can use with your forms to make sure that your visitors complete the necessary fields in your forms before the submission.

This JavaScript example shows how to create a form that has a portion of the form shown (or hidden) upon certain user events. (radio button selection by the user in this example) Note: Netscape has a problem with embeding a portion of a form inside a DIV/SPAN/LAYER, which is why there are three forms shown here, but once you have the values, its easy enough to pull the information together before running the target of the frame.

Replace the ugly 'gray button' Reset and Submit on forms -- this script shows how to use active tri-state roll-over images, instead. A quick-take tutorial is included, along with images and notes on using styles with form elements for a flashier look and feel.

This simple cut-and-paste script opens the Print Dialogue, and lets your visitor print out the current page. Useful for information pages, script pages, receipt pages, etc.

This shows another method to verify text boxes input and then put the focus into missing data boxes. It also checks some things to see if the email is "valid" - other tests could be added as determine viable. The alerts can be used, but they conflict with the focus thing going on.

This is a simple JavaScript showing how to select all or none of the items in a select list. All the items are shown (not a drop down list) only to show that they are all selected or none are selected.

This JavaScript demonstrates how to determine which options of a checkbox are selected.

This is a simple JavaScript example for allowing users to select/highlight a textarea content with a click of button.

This is a neat JavaScript that allows you to use your own images to help your visitor's fill out a form. Use images to validate entries as well!

This JavaScript allows your surfers to easily select and copy the contents of your form elements.