About This Product
Metachecker.net | TrafficChecker.net | RankChecker.net
| Over 5000 Free Fonts | Tutorials | Javascript Forum | Other Javascript Resources | Cheat Sheet

Forms

Highlight Form Elements
Compatibility: E3+, NS3+
Description:

This script hightlights the fild of form where cursor is located.

 

World Time
Compatibility: NS3+
Description:

This JavaScript routine displays your current system time, local city date and time, Greenwich Mean Time (GMT), and the local date and time for another city of your choice.

 

Weight Converter
Compatibility: IE3+, NS3+
Description:

This script creates a weight converter that can convert five different units at one time. To use it, choose your unit at the first line and enter the a number in the box beside it, then click the convert button. It automatically converts your choice to all five units.

 

Validation Forms
Compatibility: IE3+, NS3+
Description:

This script carries out various simple checks to try to ensure the fields are filled out correctly. For example, for the URL field, it checks to see if 'http://' is present, and for the e-mail address it looks for the @ symbol.

 

Simple Shopping Cart
Compatibility: IE3+, NS3+
Description:

This will allow your visitors to choose from a list of priced items. The script will tally the items, add the tax and send the order to you.

 

Replacing Text
Compatibility: IE3+
Description:

Script replaces the text by typing anithing in a form and submitting the button. If you type nothing in the box, but simply click the button, you will delete the text.

 

Removing HTML
Compatibility: IE3+, NS3+
Description:

This script is intended to ensure that people do not use HTML tags in form messages, Web forums, and so on. Type some text with HTML tags in the box to try it out.

 

Remember Form Data
Compatibility: IE3+, NS3+
Description:

Type whatever you like in the boxes, click outside the box, reload the page and try to type the details again. This script uses cookies, so if you have them disabled it will of course not work.

 

Menu List
Compatibility: IE3+, NS3+
Description:

Menu list in form. You scroll the form, select an item, press "go" button and go to selected site

 

Length Converter
Compatibility: IE3+, NS3+
Description:

Script allows to convert units from one to another. Simply choose the unit you want to use, type the value in the field next to it, and click the 'Convert' button

 

Go To Url
Compatibility: IE3+, NS3+
Description:

A mini-browser. You can type a url in the form and script will load the requested page. The script works in both Netscape 4.0+ and IE 4.0+, but best in IE.

 

Forms Validation
Compatibility: IE3+, NS3+
Description:

This script can be used to check form input not only for all required fields being completed, but can also make certain that fields requiring number (integer) or date input have been filled in correctly.

 

Form Focus
Compatibility: IE3+
Description:

Here's a helpful little script for anyone who has ever made a form and wants to have the cursor pop into their first field when the page is loaded. The visitor can start typing straight away, without moving the mouse.

 

Currency Finder
Compatibility: IE3+, NS3+
Description:

This script lets the user find out the name of a country's currency with a pop-up list. Users with IE4 will also see coloured backgrounds and text in the form fields.Only a few currencies are listed, but the list can be easily extended or altered for other purposes.

 

Air Distances
Compatibility: IE3+, NS3+
Description:

Shows air distances between selected world cities

 

E-mail Address Validation 2
Compatibility: IE3+, NS3+
Description:

Once more e-mail validator. This script willn't allow a user to type incorrect e-mail address in your form (in a reasonable limits of course)

 

Text Reverser
Compatibility: IE3+, NS3+
Description:

JavaScript will take the contents of a box and reverse it! If you entered 'hello' it will change the box to say 'elloh'. This might be useful on your site in a form or just for fun.

 

Validation (Zip Code)
Compatibility: IE3+, NS3+
Description:

Ensure that your visitors enter a properly formatted 5 digit, or 5 digit+4 zip code. The visitor is alerted if any information is invalid and asked to try again. Cool!

 

Validation (Selection)
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that visitors choose both a radio button and a checkbox. Invalid submissions are cancelled.

 

Validation (Num. or Chars)
Compatibility: IE3+, NS3+
Description:

Validates an input field to make sure that only a number or character is entered. If you enter a number or a letter everything you can continue on. But, try entering another value like an exclamation point (!), an ampersand (&), or a dollar sign ($) and see what happens. It even highlights the incorrect entry field for you. Nice!

 

Validation (Information)
Compatibility: IE3+, NS3+
Description:

Test the powers of Javascript. Watch as Javascript tells you if information about you is valid or not.

 

Validation (Guestbook)
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that all elements of a form are properly filled out before mailing.

 

Validation (Date)
Compatibility: IE3+, NS3+
Description:

Use Javascript to figure out if a certain date has or will be valid.

 

Validation (Credit Card)
Compatibility: IE3+, NS3+
Description:

Validates a credit card number the user enters based on the rules of that card such as the value of first digit, the number of digits, as well as several other computations. Useful for online order form validation. Note: Although this form does not capture your credit card information, if you do not feel comfortable entering your credit card number to test this script, please DO NOT !

 

Validation (Cookie)
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that all elements of a form are properly filled out before mailing.

 

Validation
Compatibility: IE3+, NS3+
Description:

Let Javascript help you receive feedback from your visitors. The script also requires that all fields must be completed before the form is submitted. Great!

 

User ID Creator
Compatibility: IE3+, NS3+
Description:

Uses a person's first and last to create a user ID. The user ID is the first six characters of the last name (or dashes if the last name is less than six characters) and then the first letter of their first name. For example, Boris Feldman would give me a user ID of FELDMAB and James Bond would be BOND--J.

 

Trim Trailing Spaces
Compatibility: IE3+, NS3+
Description:

A super-easy script which eliminates any extra trailing spaces entered inside a textbox. To check it out in action, try entering a few spaces after the text in the box.

 

Trim Leading Spaces
Compatibility: IE3+, NS3+
Description:

A super-easy script which eliminates any extra leading spaces entered inside a textbox. To check it out in action, try entering a few spaces before the text in the box.

 

Suggestions
Compatibility: IE3+, NS3+
Description:

Use Javascript to allow visitors to send your feedback.

 

Submit Once
Compatibility: IE3+, NS3+
Description:

Do you ever receive multiple copies of a single form submission? Do your visitors click the submit button over and over, hoping it will hurry up the process? Well, JavaScript can solve your problems! The script will prevent the visitor from submitting the form after the first submission. Basic field validation also included! Great!

 

Smut Engine
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that forms submissions to do not contain words you don't want. It can eliminate dirty words or competitors' names.

 

Replace Characters
Compatibility: IE3+, NS3+
Description:

Replaces a character or multiple characters in a textbox when the visitor goes to the next field (or in this example, clicks the submit button).

 

Password Verifier
Compatibility: IE3+, NS3+
Description:

Keep your visitors from submitting their form until their "password" and "re-enter password" fields match, for verification purposes. They get an error message telling them to re-enter the passwords if they do not match.

 

Only One Field
Compatibility: IE3+, NS3+
Description:

The visitor must fill in either one of two fields, their name or email address. If they click in either box the other box's value is erased. Ensures that when the form is submitted only one field contains a value. Also contains validation that makes sure both fields are not empty.

 

No HTML
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that visitors do not type in HTML entries.

 

No Entry
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that visitors do not leave a form entry blank.

 

New Window
Compatibility: IE3+, NS3+
Description:

Do you have a link that you'd rather have open in a new window? This little script will do just that! You can even use a button or a text link to open the new window! Check out the example and see what you think!

 

Menu Swapper
Compatibility: IE3+, NS3+
Description:

A clever way to move selected items from one list box to another using "<<" and ">>" direction buttons. It works like database field selection, supports selecting multiple items, and even can sort the moved item into the new list!

 

Multiple Mailer
Compatibility: IE3+, NS3+
Description:

JavaScript can help you send an e-mail to anyone on your "list". Just use the pulldown menu to select a recipient, compose your message, and hit 'Send Message' to send it. This too, is another good JavaScript example for all beginners to learn from.

 

Max Entry
Compatibility: IE3+, NS3+
Description:

Make sure your visitor doesn't exceed the maximum number of characters that you want to accept in a form. Short too!

 

Mailing List
Compatibility: IE3+, NS3+
Description:

Use Javascript to sign up visitors for your mailing list. Once again, Javascript ensures that the visitors have filled out the form completely and correctly. Visitors area also prompted to reenter any incomplete or invalid entries.

 

Mail - Pick Subject
Compatibility: IE3+, NS3+
Description:

Use Javascript to help organize your visitor e-mail. Visitors pick from several predetermined subjects the most appropriate subject for their e-mail. Visitor are also prompted to reenter information for incomplete or invalid entries. A cookie also records the visitor's name for future e-mails.

 

List Chooser
Compatibility: IE3+, NS3+
Description:

The user can immediately locate what he has been searching for in the long options list just by typing. With each character the user types in the text field, the available items listed are narrowed down (similar to a help file's index feature). Clever! (Start by entering an 'a' to narrow the list)

 

Line Wrapper
Compatibility: IE3+, NS3+
Description:

Wraps entries in a textarea box to whatever number of characters per line you want. For example, The script can automatically insert a return after each 50 spaces, so that the form contents you receive are more readable. (The script does indifferently break lines in mid-word, a possible fix for the next version?)

 

Locked Textbox
Compatibility: IE3+, NS3+
Description:

Prevent your visitors from modifying the value stored in a textbox (without using input type=hidden) Just try to change the text in the box! Amazingly, it's a short less than one line script!

 

Items List
Compatibility: IE3+, NS3+
Description:

Javascript can remember a list of several items you enter. Just enter an item and click 'Add to List'. When you are finished, click 'Show List' to see the entries.

 

Initial Caps
Compatibility: IE3+, NS3+
Description:

Use Javascript to convert entries to Initial Caps. Also, this script prevents jokers from typing in all caps.

 

Exit Window
Compatibility: IE3+, NS3+
Description:

When a visitor leaves your page, JavaScript can automatically open a new window. Use it to say "thanks for visiting", etc. Very neat! Check it out!

 

Email Domain
Compatibility: IE3+, NS3+
Description:

Takes an email address and returns just the domain - the stuff after the "@" sign. We've put it together with a simple WHOIS query, neat!

 

Encode Special Characters
Compatibility: IE3+, NS3+
Description:

When submitting the form "GET" method, JavaScript can encode special characters with the escape() function. Great! (Enter a nickname or password with some special variables then click 'submit' to see the web address which contains the encoded (%xx) characters.)

 

Date Menu
Compatibility: IE3+, NS3+
Description:

Do you need your visitors to select a day from this month? Here's an excellent way to do so - they get a pulldown menu containing the entire month and the current day is already selected! Cool!

 

Customized Window
Compatibility: IE3+, NS3+
Description:

Use Javascript to allow visitors to open a customized window.

 

Currency Format
Compatibility: IE3+, NS3+
Description:

Adds a dollar sign and commas in the proper places to convert a number into its proper U.S. currency format. Occurs when the user clicks the button or when they finish entering the money amount (and click into the next field).

 

Country Chooser
Compatibility: IE3+, NS3+
Description:

If you'd like to know where visitors to your site live, add this to your feedback forms. They just choose a region, and the second menu changes appropriately, allowing them to choose their country. (If they choose USA, it allows them to select their state) Neat!

 

Copy Fields
Compatibility: IE3+, NS3+
Description:

Allows the user to enter their name in the first field and have copies it to the second field for use as the User ID. It occurs instantly when they click the next field or the submit button. And, if the user tries to modify the second field, it is changed back to the value of the name field. Definitely a good example of the onChange() event handler in use.

 

Controlled Boxes
Compatibility: IE3+, NS3+
Description:

This script allows checkboxes to check and uncheck based on the selection in another checkbox. If the ALL box is checked, all the other choices go unchecked. If another choice is checked, then the ALL box goes unchecked. Useful when constructing search forms, surveys, and more!

 

Confirmable Order Form
Compatibility: IE3+, NS3+
Description:

JavaScript can take the contents of an HTML order form, process them, and display the order for verification even including the grand total! When the user confirms the order by clicking the button, the order is emailed to you by using freedback.com's free form processor cgi script. This script does take a bit of modification, but surely is worth it if you sell anything online.

 

Checkbox Changer
Compatibility: IE3+, NS3+
Description:

Takes a series of known named checkboxes and checks or uncheck them all at once. It can even change each checkbox to the opposite checked or not checked value. Clever for loops!

 

Check Entry
Compatibility: IE3+, NS3+
Description:

Prevents the user from selecting a filename with a space (known to cause problems with some CGI-scripts). The visitors are informed that the field can not have spaces. Of course, you could change the character it checks for as well as the invalid alert message to something else to suit your needs. Nice!

 

Check E-Mail
Compatibility: IE3+, NS3+
Description:

Use Javascript to ensure that e-mail addresses provided in a form submission contain a prefix, the '@' sign, and an appropriate suffix (.com, .net, etc.).

 

Basic Validation
Compatibility: IE3+, NS3+
Description:

The simplest way to require visitors to fill out certain fields is to us this script - just add the word "required" to each required field's name and your visitor must fill it out to submit the form! Neat!

 

Anywhere Mail
Compatibility: IE3+, NS3+
Description:

Use this script to allow visitors to mail anyone, at any time.

 

All Upper Case
Compatibility: IE3+, NS3+
Description:

Converts a textbox entry to all capital letters as soon as they move to the next item in the form (or click the submit button).

 

All Lower Case
Compatibility: IE3+, NS3+
Description:

Use this script to automatically clear the default value of any form's input field when the mouse sets focus on it. Default input values are often used to aid in the explanation of the field's function or expected input, but become a nuisance once it's purpose has been served (namely, immediately after seeing it). This script intelligently distinguishes between default and user-entered text, and clears only the former on mouse focus..

 

Clear default form value script
Compatibility: IE3+, NS3+
Description:

Use this script to automatically clear the default value of any form's input field when the mouse sets focus on it. Default input values are often used to aid in the explanation of the field's function or expected input, but become a nuisance once it's purpose has been served (namely, immediately after seeing it). This script intelligently distinguishes between default and user-entered text, and clears only the former on mouse focus..

 

Manual Email check
Compatibility: IE3+, NS3+
Description:

Often times in a form, the single most important field is the email address field. If a user inadvertently enters an incorrect address, the method of contact between you and the user is cut off. Here's a script that forces the user to double check whether a valid email is entered before submitting the form. It alerts a box with the entered address upon form submission, and asks the user whether this information is correct or not. Crude yet highly effective way to enforce a valid email entry!

 

Agree Before Entry
Compatibility: IE3+, NS3+
Description:

JavaScript will only let you enter your name in this form if you indicate you agree to the terms by first clicking the I Agree radio button. If you agree, you can enter your name. But, if you disagree, you will not be able to enter or edit your name. When you disagree, the box is 'locked.' Useful if you require your visitors to accept a disclaimer before downloading software or visiting a section of your members-only site.

 

Field Explanation
Compatibility: IE3+, NS3+
Description:

Opens an explanation window to explain the various fields used in a form on your site when the help link is clicked. You can easily explain various form fields will be used on your site, what type of input is required, or any other information you wish to share. They may also type their entry in the popup window and it will be copied into the form. Great!

 

Limit Boxes
Compatibility: IE3+, NS3+
Description:

Limits the number of checkboxes that the user is able to check on your site. Ideal for situations when more than one selection is allowed up to a certain number overall. If they select too many, they are notified of the maximum allowed and their last entry becomes unchecked.

 

Date Validation
Compatibility: IE3+, NS3+
Description:

Checks if a date entered is in valid MM/DD/YYYY format. An excellent use of regular expressions for the initial validation routine as well. Also includes logical checks for invalid dates such as March 32 or February 29 if it is not a leap year. Awesome!

 

Spaces to Plus Symbol
Compatibility: IE3+, NS3+
Description:

Replaces single or multiple spaces in a text box entry with plus (+) symbols. Handy if your server's form processing or database management program requires this type of encrypted format.

 

Email Address Validation
Compatibility: IE3+, NS3+
Description:

This is an e-mail address validation function. It allows the usual user@domain syntax, but in addition allows user@[ip] format as well as "User with Spaces"@domain or [ip], all of which are legal syntax, according to W3C. It also checks that the user hasn't done anything silly like having multiple @'s or continuous .'s in the address (e.g. jim@b@c.com and jim@c..b.co.uk).

 

Form-Check
Compatibility: IE4+, NS4+
Description:

The small script checks if all your form elements are filled in. If not the submit-button will not be displayed. Netscape-Users will see an empty button until the form is complete.