★ wanayoo — archive 1999 http://javascript.internet.com/forms/index.htmlNouvelle recherche | Portail wanayoo

Let internet.com work for you! All Net Research -- in one place


Home } Forms } Index

Search this site

e-newsletters

text email
html email

FREE internet.com email newsletters!

Privacy Policy


The Web Developer Network
BrowserWatch
Java Boutique
ScriptSearch
StreamingMedia
WebDeveloper.com
Developer Forums
Web Developer News
The WDVL
Web Dev. Journal
WebReference.com
The XML Files

internet.com
Internet News
Internet Investing
Internet Technology
Windows Internet Tech.
Linux/Open Source
Web Developer
ECommerce/Marketing
ISP Resources
ASP Resources
Wireless Internet
Downloads
Internet Resources
Internet Lists
International

Search internet.com
Advertising Info
Corporate Info

internet.commerce
Be a Commerce Partner
Register Domains
Advertise a Coupon
Map Your Website
News to Your Desktop
Small Biz Purchasing
Content for Websites
IT Products and Svcs
Swap/Exchange Network
Buy Linux Products
Download Solutions

These scripts all deal with Javascript forms. I'll show you some really neat forms that keep you from receiving bogus information as well as others that are just fun to play with (test personal info). As always, we're here if you have any questions or comments. General questions about form scripts here should be posted to The JavaScript Forum.


Title: Agree Before Entry
Details: 1.12 KB * Uploaded October 28 1999
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.

Title: All Lower Case
Details: 0.55 KB * Uploaded August 10 1999
Description: Converts a textbox entry to all lowercase letters as soon as they move to the next item in the form (or click the submit button).

Title: All Upper Case
Details: 0.55 KB * Uploaded August 9 1999
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).

Title: Anywhere Mail
Details: 1.02 KB * Uploaded August 4 1997
Description: Use this script to allow visitors to mail anyone, at any time.

Title: Auto Tab
Contributor: Cyanide_7 (leo7278@hotmail.com)
Contributor URL: http://www7.ewebcity.com/cyanide7
Details: 1.68 KB * Uploaded April 21 2000
Description: Automatically sets focus to the next form element when the current form element's maxlength has been reached. This way, the user does not have to manually click in or tab to the next field. This script is perfectly suited for constant-length strings such as a phone number or social security numbers. Nice!

Title: Basic Validation
Contributor: wsabstract.com
Details: 1.41 KB * Uploaded April 14 1999
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!

Title: Block Key Press
Contributor: Jeremy Wollard (wollard@flash.net)
Details: 0.99 KB * Uploaded July 13 2000
Description: (Internet Explorer Only) Using the OnKeypress event, you can trap and prevent certain characters (repesented by ASCII decimal codes) from being entered in a form field. Just look up the ASCII code for any other characters you wish to block and add it to the script. Unfortunately, Netscape does not support this same functionality.

Title: Check All
Contributor: Nannette Thacker
Contributor URL: http://www.shiningstar.net
Details: 1.39 KB * Uploaded April 28 2000
Description: Dynamically checks and unchecks all the checkboxes in a form when a button is clicked. Much easier than manually hard-coding the checkbox names, for sure.

Title: Check Entry
Details: 0.95 KB * Uploaded September 8 1999
Description: Prevents the user from selecting a filename with a space (known to cause problems with some CGI-scripts). The visitor 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!

Title: Checkbox Changer
Details: 1.94 KB * Uploaded July 27 1999
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!

Title: Checkbox Text
Contributor: trs2005@yahoo.com (trs2005@yahoo.com)
Details: 0.97 KB * Uploaded July 20 2000
Description: (Internet Explorer Only) The user no longer needs to click precisely on the checkbox to check and uncheck it. Clicking the text after a checkbox can do this just like windows programs.

Title: Confirmable Order Form
Details: 4.79 KB * Uploaded July 15 1999
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.

Title: Controlled Boxes
Contributor: Scott Waichler
Details: 1.78 KB * Uploaded June 25 1999
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!

Title: Copy Fields
Details: 8.75 KB * Uploaded November 10 1999
Description: Allows the user to click a checkbox on a form to duplicate information. For example, they can copy their billing information into the shipping information fields (assuming they are the same) with one click! Another useful timesaver for your visitors!

Title: Copy Name
Details: 0.53 KB * Uploaded September 14 1999
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.

Title: Country Chooser
Details: 6.08 KB * Uploaded July 24 1998
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!

Title: Currency Format
Contributor: Cyanide_7 (leo7278@hotmail.com)
Contributor URL: http://www7.ewebcity.com/cyanide7
Details: 1.47 KB * Uploaded May 18 2000
Description: This script accepts a number or string and formats it like U.S. currency. Adds the dollar sign, rounds to two places past the decimal, adds place holding zeros, and commas where appropriate. Occurs when the user clicks the button or when they finish entering the money amount (and click into the next field).

Title: Customized Window
Details: 2.54 KB * Uploaded July 11 1997
Description: Use Javascript to allow visitors to open a customized window.

Title: Date Menu
Details: 1.20 KB * Uploaded October 4 1998
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!

Title: Decimals Allowed
Contributor: Fred Serry
Details: 1.42 KB * Uploaded October 26 1999
Description: Allows the user to enter a number with up to 2 decimal places in a text box. In other words, 99 is ok, 99.9 is ok, 99.99 is ok, but 99.999 is rejected. You can easily change the number of decimal places that are permitted. (i.e. 1, 2, 3, etc.) For the example, enter a number with up to 2 decimal places then try entering one with more than 2 decimal places.

Title: Disable Submit
Contributor:
Contributor URL: http://dynamicdrive.com
Details: 1.33 KB * Uploaded July 5 2000
Description: (Internet Explorer only) When the form is submitted, any submit and reset buttons are disabled. This prevents the user from submitting the form repeatedly, whether by accident or on purpose. The form will just act normally for Netscape users. Great!

Title: Email Address Validation
Contributor: Sandeep V. Tamhankar (stamhankar@hotmail.com)
Details: 6.03 KB * Uploaded February 15 2000
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).

Title: Email Domain
Details: 1.12 KB * Uploaded April 21 1999
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!

Title: Encode Special Characters
Details: 1.10 KB * Uploaded August 6 1999
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.)

Title: Exit Window
Details: 0.64 KB * Uploaded May 15 1998
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!

Title: Field Explanation
Details: 2.29 KB * Uploaded January 11 2000
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!

Title: Form Target Formatting
Contributor: Cyanide_7 (leo7278@hotmail.com)
Contributor URL: http://www7.ewebcity.com/cyanide7
Details: 2.27 KB * Uploaded April 11 2000
Description: Allows you to format the target window of a form from the form's target property. This allows for the use of window properties, variables, and other data manipulation to effect these options. Great!

Title: Hanoi Solver
Contributor: Amin Wong (aminwong@hotmail.com)
Details: 3.51 KB * Uploaded July 21 2000
Description: Solves the Towers of Hanoi game in the shortest number of moves, demo included. The delay between moves and the number of rings can be adjusted by the user. Clever!

Title: Ignore Spaces
Contributor: Mike McGrath (mike_mcgrath@lineone.net)
Contributor URL: http://website.lineone.net/~mike_mcgrath
Details: 1.30 KB * Uploaded November 19 1999
Description: Removes spaces from a string variable within a script or from user input into a text box. Several different uses are shown on the script example page.

Title: Initial Caps
Contributor: William Humphreys (billy@technical-solutions.co.uk)
Details: 1.54 KB * Uploaded January 4 2000
Description: Converts the first letter of each word in a string that the user enters to uppercase. The remaining letters of each word are also changed to lowercase. Very useful when a form requires a title to be submitted in Initial Caps.

Title: Items List
Details: 1.30 KB * Uploaded August 4 1997
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.

Title: Items Popup List
Contributor: Pankaj Mittal (pankajm@writeme.com)
Contributor URL: http://www.fortunecity.com/lavendar/lavender/21
Details: 5.27 KB * Uploaded May 10 2000
Description: If you have several items for the user to pick from, you may notice that your page can quickly becomes cluttered. This script helps solve that problem by opening a new window when the user wants to add items to the list. The new window displays the items and passes the selected item information back to the list in the main window. Slick!

Title: Limit Textarea
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.37 KB * Uploaded May 22 2000
Description: This script controls a maximum textarea input amount and updates a small counter with how many characters are left with each keystroke. Dynamic fix now allows you to use this script in multiple textboxes on a page. Easy!

Title: Locked Textbox
Details: 0.46 KB * Uploaded March 21 1999
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!

Title: Limit Boxes
Contributor: Glenn Wang (brief@ix.netcom.com)
Contributor URL: http://capsule.bayside.net/
Details: 1.56 KB * Uploaded January 28 2000
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.

Title: Line Wrapper
Details: 2.35 KB * Uploaded September 30 1999
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?)

Title: List Chooser
Contributor: Anand Raman (anand_raman@poboxes.com)
Contributor URL: http://www.angelfire.com/ar/diduknow
Details: 4.83 KB * Uploaded October 18 1999
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)

Title: Mail - Pick Subject
Details: 4.15 KB * Uploaded July 11 1997
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.

Title: Mailing List
Details: 4.56 KB * Uploaded July 11 1997
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.

Title: Max Entry
Details: 1.00 KB * Uploaded March 31 1999
Description: Make sure your visitor doesn't exceed the maximum number of characters that you want to accept in a form. Short too!

Title: Money Filter
Contributor: Fred Roberts (fred@gloryofgod.com)
Details: 0.89 KB * Uploaded March 10 2000
Description: Removes the dollar sign ($) and commas (,) from a a text box. Useful if you require input of only numbers. You may also modify the script to filter out whatever characters you want.

Title: Multiple Mailer
Contributor: Jeff Kieke
Details: 1.78 KB * Uploaded July 3 1998
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.

Title: Menu Swapper
Contributor: Ilya Fedotov (ifedotov@yahoo.com)
Details: 2.52 KB * Uploaded May 7 1999
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!

Title: New Window
Details: 0.96 KB * Uploaded May 15 1998
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!

Title: No Entry
Details: 1.00 KB * Uploaded July 11 1997
Description: Use Javascript to ensure that visitors do not leave a form entry blank.

Title: No HTML
Details: 1.11 KB * Uploaded October 4 1998
Description: Use Javascript to ensure that visitors do not type in HTML entries.

Title: Only One Field
Details: 1.45 KB * Uploaded July 30 1999
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.

Title: Pass Menu (in frames)
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.42 KB * Uploaded March 27 2000
Description: After the user selects an option in the pulldown menu in the left frame, JavaScript can pass that option's value into a text box in the right frame when the button is clicked. Cool!

Title: Pass Textbox (in frames)
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.38 KB * Uploaded March 24 2000
Description: Copies the text in a box in the left frame into a box in the right frame when the button is clicked. A clever way to pass values in frames.

Title: Passing Values
Details: 1.23 KB * Uploaded November 11 1999
Description: Here is a clever way of 'unwrapping' the contents of a form when passed from one page to the next. This capability would be useful in many situations, such as passing the contents of a form to another page, retaining information about the current page for the rest of their visit, etc. Great!

Title: Password Verifier
Contributor: Carey Walker (carey.walker@citicorp.com)
Details: 1.13 KB * Uploaded April 18 1999
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.

Title: Remove Returns
Contributor: Ascii King (chicorama@usa.net)
Contributor URL: http://www.geocities.com/enchantedforest/2120
Details: 1.41 KB * Uploaded June 20 2000
Description: Converts carriage returns in a string to the
tag so that the input can be properly displayed in HTML. Without the script, returns in an input field are not preserved when submitting in a form. Useful for guestbooks or other times when a user's input must be preserved.

Title: Replace Characters
Details: 1.09 KB * Uploaded August 16 1999
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).

Title: Sentence Caps
Details: 2.10 KB * Uploaded July 11 1997
Description: Use Javascript to convert entries to sentence caps. Also, this script prevents jokers from typing in all caps.

Title: Smut Engine
Details: 1.31 KB * Uploaded July 11 1997
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.

Title: Spaces to Plus Symbol
Contributor: Mike McGrath (mike_mcgrath@lineone.net)
Contributor URL: http://website.lineone.net/~mike_mcgrath
Details: 1.08 KB * Uploaded February 3 2000
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.

Title: Submit Changer
Contributor: Mike Fernandez
Details: 0.87 KB * Uploaded July 19 2000
Description: Changes the caption of the form's submit button while the form is being submitted. This helps eliminate the confusion that can sometimes occur when a form takes quite a while to be processed by the server.

Title: Submit Once
Details: 2.05 KB * Uploaded July 6 1999
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!

Title: Suggestions
Details: 3.82 KB * Uploaded July 11 1997
Description: Use Javascript to allow visitors to send your feedback.

Title: Tab Key Emulation
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.78 KB * Uploaded March 29 2000
Description: The tab key is no longer required to tab between fields. The user can go to the next form field just by pressing the enter key instead of the tab key. Useful with 10-key form input. What a time saver!

Title: Text Reverser
Details: 0.88 KB * Uploaded May 31 1999
Description: JavaScript will take the contents of a box and reverse it! If you entered 'hello' it will change the box to say 'olleh'. This might be useful on your site in a form or just for fun.

Title: Trim Leading Spaces
Details: 0.61 KB * Uploaded September 17 1999
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.

Title: Trim Trailing Spaces
Details: 0.62 KB * Uploaded September 20 1999
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.

Title: Validation
Details: 1.94 KB * Uploaded July 11 1997
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!

Title: Validation (Cookie)
Details: 2.71 KB * Uploaded July 11 1997
Description: Use Javascript to ensure that all elements of a form are properly filled out before mailing.

Title: Validation (Credit Card)
Contributor: Ron Olson (KeepberthaSurfin@hotmail.com)
Details: 1.82 KB * Uploaded March 23 2000
Description: Determines if a credit card number is valid before the form is submitted by utilizing the LUHN formula. Very simple, and does not require knowledge of the credit card type. Does not check if the date is valid. Ver 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 !

Title: Validation (Date)
Contributor: Mike Welagen (welagenm@hotmail.com)
Details: 4.34 KB * Uploaded July 31 2000
Description: Dates are validated and formatted in your form. Supports over a dozen different date formats, and formats the date properly in United States or European date formatting styles depending on how the script is configured. A dateCheck function also is included if you wish to compare two dates. Wow!

Title: Validation (Guestbook)
Details: 5.95 KB * Uploaded July 11 1997
Description: Use Javascript to ensure that all elements of a form are properly filled out before mailing.

Title: Validation (Information)
Details: 1.16 KB * Uploaded July 11 1997
Description: Test the powers of Javascript. Watch as Javascript tells you if information about you is valid or not.

Title: Validation (Num. or Chars)
Details: 1.13 KB * Uploaded July 19 1999
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!

Title: Validation (Selection)
Details: 3.04 KB * Uploaded July 11 1997
Description: Use Javascript to ensure that visitors choose both a radio button and a checkbox. Invalid submissions are cancelled.

Title: Validation (SSN)
Contributor: Carol Gevers
Details: 2.32 KB * Uploaded November 17 1999
Description: Determines if the social security number the user enter is of the right length and then if it is valid or not.

Title: Validation (Time)
Contributor: Sandeep Tamhankar (stamhankar@hotmail.com)
Contributor URL: http://207.20.242.93
Details: 1.92 KB * Uploaded February 21 2000
Description: This function verifies that a string is a valid time, in the form hh:mm:ss am/pm, where seconds are optional. It accepts military time (hour between 0 and 23) as long as am/pm isn't specified. It requires am/pm when the hour is less than or equal to 12.

Title: Validation (Zip Code)
Contributor: Brian Swalwell
Details: 1.39 KB * Uploaded September 10 1999
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!

Grow your revenue stream!

 
Sign up for the JavaScript Source's Newsletters!
Site Updates!
Monthly Digest
Your Email:
internet.com Privacy Policy
[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

The JavaScript Source

Copyright 2000 Internet.com Corp.
All Rights Reserved. Legal Notices

Privacy Policy
Advertising Information