These scripts (and a few tutorials) all deal with Javascript forms. We'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).
In addition, be sure to check our snippets section for additional form-related scripts.
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.
More on internet.com
Title:ABA Routing Number Checksum Contributor: David Leppek Contributor URL:http://www.azcode.com/ABA Date Uploaded: November 14 2005 Description: This script will validate an ABA routing number according to a given algorithm. (Although the number may be valid, it may not be actually assigned to a financial institution.)
Title:Accept Terms Contributor: Colin PC Contributor URL:http://www.insighteye.com Date Uploaded: May 21 2001 Description: This script allows your visitors to accept your terms and conditions before proceeding by checking a box. If they don't agree, an exit button will takes them to a designated page.
Title:Accessible Compact Forms Contributor: Mike Brittain Contributor URL:http://www.mikebrittain.com/ Date Uploaded: December 22, 2006 Description: Tight on space? Use this script to create a compact form that is accessible and works even when JavaScript and CSS are turned off.
Title:Add-Remove Options (DOM) Contributor: Keith Jenci Contributor URL:http://www.mredkj.com/ Date Uploaded: August 31, 2007 Description: Add or remove objects in a select list, using the DOM. This script was written to work with DOM Level 1 and DOM Level 2 capable browsers, with try/catch logic included for IE use.
Title:Adding HTML Controls Contributor: Husay Contributor URL:http://www.communitxt.net Date Uploaded: July 13 2005 Description: Use this script to add HTML controls to your forms. This example uses the <input> tag.
Title:Adding Options Contributor: Rick Johnson Contributor URL:http://www.vistaviews.net/myPage/ Date Uploaded: August 3 2005 Description: Add or change options on a form select menu. Simple script, includes comments.
Title:Adding Options 2 Contributor: Carl Leiby Contributor URL:http://leibys-place.com/ Date Uploaded: July 30, 2007 Description: Add or change options on a form select menu. This script will also allow sub-group items, for additional selections.
Title:Agree Before Entry Contributor: Lee Underwood Contributor URL:http://javascript.internet.com/ Date Uploaded: January 26, 2007 Description: Confirm your visitor's approval by requiring their name before continuing on. Useful if you require your visitors to accept a disclaimer before downloading software or visiting a section of your members-only site. Could be used with a cookie.
Title:Agree Before Posting Contributor: Savvy Contributor URL:WebDeveloper.com Forums Date Uploaded: November 16, 2007 Description: Sometimes you may need to make sure your visitors agree to specific terms before submitting their comments. This script will disable the input fields until they agree to your terms. Easily adaptable.
Title:All Lower Case Date Uploaded: August 10 1999 Description: Converts the text to all lowercase letters as soon as focus is removed from the textbox or the submit button is clicked.
Title:All Upper Case Date Uploaded: August 9 1999 Description: Converts the text to all uppercase letters as soon as focus is removed from the textbox or the submit button is clicked.
Title:Anywhere Mail Date Uploaded: August 4 1997 Description: This script will let visitors send e-mail to anyone, at any time.
Title:Auto-Complete Function Contributor: Ilanio Contributor URL:WebDeveloper Forums Date Uploaded: September 6, 2006 Description: Create an auto-complete or auto-suggest text box in JavaScript, without use of prototype handlers and other advanced techniques. This script could be adapted for use in a number of different situations.
Title:Auto-Complete Textfield Contributor: Timothy Groves Contributor URL:http://www.brandspankingnew.net/ Date Uploaded: April 21, 2006 Description: As the user enters information into a textfield, this script will provide suggestions based on the list in the array.
Title:Auto Currency Contributor: Mario Costa Date Uploaded: May 11 2001 Description: Inserts the proper seperators to automatically format any currency field.
Title:Auto Drop Down Contributor: Jerome Caron Date Uploaded: March 23 2001 Description: Automatically adjusts the values in the selection box depending on the item selected in the drop down menu. Awesome!
Title:Auto Email Link Contributor: CodeLifter.com Contributor URL:http://www.codelifter.com Date Uploaded: February 21 2001 Description: Automatically creates a new e-mail utilizing the user's default e-mail client. The script fills in the subject line and adds the URL of the current Web page to the body. Note: May not be compatible with all e-mail clients.
Title:Auto-Enter Current Date Contributor: Jean P. May, Jr. Contributor URL:http://www.wideopenwest.com/~thebearmay Date Uploaded: January 4, 2008 Description: This script will enter the current date in a read only form field. Good for when you want to collect the current date but want to make sure it's formatted properly.
Title:Auto Fill Contributor: Vladimir Geshanov Date Uploaded: April 11 2005 Description: Set a text field value in one window by entering text in another window.
Title:Auto Month Contributors:Fang and Gil Davis Date Uploaded: April 20, 2007 Description: This pulldown menu will automatically adjust the range of months so that the current month is at the top. The remaining months are placed in order after the current month. The menu still functions with JavaScript turned-off. Updated.
Title:Auto Sum Checkboxes Contributor: Jay Rumsey Contributor URL:http://www.nova.edu/~rumsey/ Date Uploaded: April 4, 2008 Description: As the user selects items in the form, this script will display a running total automatically. No need to keep reloading the page, and no surprises for your user at the check-out point. Easy to implement into your existing forms.
Title:Auto-Sum Form Boxes Contributor: Jim Stiles Contributor URL:http://www.jdstiles.com Date Uploaded: May 13 2005 Description: This script will automatically total boxes in a form. Use it to keep a running total of quantites or prices in an order form.
Title:Auto Tab Contributor: Cyanide_7 Date Uploaded: April 21 2000 Description: Automatically sets focus to the next form element when the current form element's maxlength has been reached. The user, then, does not have to manually click in or tab to the next field. Very easy to change for different size fields. Perfectly suited for constant-length strings such as a phone number or social security numbers.
Title:Auto Year Contributor: Don Demrow Date Uploaded: January 25 2001 Description: This pulldown menu will automatically adjust the range of years depending on the current year. As an added bonus, the range is easily modified.
Title:Basic Validation Contributor:wsabstract.com Date Uploaded: April 14 1999 Description: This is a simple method to require your visitors to fill out certain fields in a form. Just add the word "required" to each required field's name and your visitor must fill it out to submit the form.
Title:Bitmap/Object Contributor: Fernando Rios Contributor URL:http://www15.brinkster.com/hxedit Date Uploaded: November 3 2004 Description: This script demonstrates the use of bitmasking to store values in a single variable and how to use objects with JavaScript.
Title:Blinking Textbox Effect Contributor: mrhoo Contributor URL:WebDeveloper.com Forums Date Uploaded: June 6, 2007 Description: This script will place the cursor in a designated textbox, causing its background to blink a specified color for a pre-determined amount of seconds. This will highlight the textbox on the Web page in order to draw attention to it.
Title:Block Key Press Contributor: Corneliu Lucian 'Kor' Rusu Contributor URL:corneliulucian[at]gmail[dot]com Date Uploaded: August 17, 2007 Description: Tired of customers using characters that could possibly render your forms useless? This script prevents a user from entering certain special characters in designated form fields.
Title:Carpe Slider Contributor: Tom Hermansson Snickars Contributor URL:http://carpe.ambiprospect.com/ Date Uploaded: January 12, 2006 Description: This slider is a good alternative to the text input tag, when the expected value is limited to a certain interval and/or when only a limited number of values in the interval are allowed. This cross-browser slider does not contain any image elements or applets. Adding a slider is as easy as adding an HTML element. Settings are easy to modify with a few attributes of the slider element.
Title:Category Form Script Contributor: Vladimir Geshanov Date Uploaded: March 20 2004 Description: Once a main category is selected, a sub-category of that group is loaded for further selection. Great for different brands or subjects.
Title:Character Counter Contributor: Steve Contributor URL:http://jsmadeeasy.com/ Date Uploaded: March 28 2005 Description: Use this script to limit the number of characters allowed in an input box. It will display the number of characters left. Easy to modify.
Title:Check All Contributor: Nannette Thacker Contributor URL:http://www.shiningstar.net Date 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.
Title:Check All Toggle Switch Contributor: Hillel Aftel Date Uploaded: November 30 2005 Description: This script adds the "check all" function to a form. Short and easy to use.
Title:Check by Group Contributor: Mike Elkins Date Uploaded: November 27 2001 Description: By utilizing a dropdown box, a user can check a group or subgroups of checkboxes.
Title:Check Cap Locks Contributor: jgw Contributor URL:http://www.csua.berkeley.edu/~jgwang/ Date Uploaded: March 6 2002 Description: If a user enters his password in a Web-based form with [Caps Lock] accidentally on, he can become frustrated because his password is not being accepted, and may assume the script is the source of the problem. This script will let the user know his [Caps Lock] is on and about the potential for error.
Title:Check Entry Date Uploaded: September 8 1999 Description: This script prevents the user from selecting a filename with a space (known to cause problems with some scripts). The visitor is informed that the field cannot have spaces. You could also change the character it checks for to something else to suit your needs.
Title:Check Form Contributor: Chris van Marle Contributor URL:http://www.chrisworld.org Date Uploaded: May 9 2001 Description: This script will place a check in the checkbox next to an input in a form if the entry is valid. Includes basic form validation.
Title:Check/Uncheck Multiple Checkboxes Contributor: Brian McAllister Contributor URL:http://www.frequency-decoder.com/ Date Uploaded: March 17, 2006 Description: This script allows for the selection of multiple checkboxes in a form. It create the buttons dynamically with unobtrusive JavaScript.
Title:Checkbox Changer Date Uploaded: July 27 1999 Description: This script 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 Counter Contributor: Alan Gruskoff Contributor URL:http://www.performantsystems.com/ Date Uploaded: November 28 2000 Description: Easily count the number of checkboxes that have been selected.
Title:Checkbox Text Date Uploaded: July 20 2000 Description: The user no longer needs to click precisely on the checkbox to check and uncheck it. Clicking the text after the checkbox will also select it.
Title:Clipboard Copy Contributors:Mark O'Sullivan, Jeff Larson, Mark Percival Date Uploaded: July 11, 2007 Description: There are many scripts for copying text from a Web page that work fine in MS Internet Explorer but not in Firefox, Netscape, or Opera. This cross-browser script, however, will do the trick. It will copy a designated portion of text into the Windows clipboard, using a small Macromedia Flash file to perform the copy on the browser's behalf.
Title:Code Box Editor Contributor: Carole Nickerson Contributor URL:http://www.thenetter.com/ Date Uploaded: April 5, 2006 Description: A code box where users can edit code and preview their results all on the same page. A great way to offer your code snippets to your visitors.
Title:Confirmable Order Form Date 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:Control Form Elements (Dropdowns) Contributor: Andy Whiting Contributor URL:http://www.warp-nine.co.uk Date Uploaded: September 29, 2006 Description: This function will automatically select 'no' in the other dropdown if 'yes' is selected and vice versa, regardless of which dropdown is changed. This will make it impossible to select the same option for both dropdowns (as long as JavaScript is enabled).
Title:Controlled Boxes Contributor: Scott Waichler Date 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:Cookie Form Saver Contributor: Nick Baker Date Uploaded: June 10 2002 Description: This script uses cookies to save information from a form and repopulate the form the next time the user visits.
Title:Copy Contact Info Contributor: Gabe Graves Contributor URL:http://www.gfgraves.com Date Uploaded: October 14 2002 Description: This script lets users enter there information & copy it to a different form on the same page.
Title:Copy Fields Date 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 Fields 2 Contributor: Will Bontrager Contributor URL:http://www.willmaster.com/ Date Uploaded: July 21, 2006 Description: Copy the shipping address fields to the billing address using a checkbox. Simple and easy to implement!
Title:Copy Name Date 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:Copy to Page Contributor: Toicontien Contributor URL:WebDeveloper.com Forums Date Uploaded: July 6, 2007 Description: This snippet will copy text entered into a form field and place it directly on the Web page.
Title:Country Chooser Date 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)
Title:Country State Drop Down Contributor: Down Home Consulting Contributor URL:http://downhomeconsulting.com Date Uploaded: December 9, 2005 Description: A simple international country and state drop down list that automatically repopulates the state section based on the country selected without page refreshes.
Title:Country State City Drop Down List Contributor: Michael J. Damato Contributor URL:http://developing.damato.net/ Date Uploaded: July 18, 2007 Description: This is a simple international country, state, and city drop down list that automatically repopulates the state section based on the country selected, and automatically repopulates the city section based on the state selected. All of this is done without reloading the page. This script could also be used in other formats, e.g., automobiles: type/make/model; or books: publisher/author/title.
Title:Creating Form Elements Contributor: Matt Murphy Contributor URL:http://www.matts411.com/ Date Uploaded: January 16, 2008 Description: This script will generate various bug-free form elements with name attributes, selected options, and more for IE 6+, Firefox, Opera and Safari.
Title:Credit Card Number Validation Contributor: David Leppek Contributor URL:https://www.azcode.com/Mod10 Date Uploaded: November 7 2005 Description: Determine if a credit card number could be valid before submitting it for real-time online authentication. Based on ANSI X4.13, the LUHN formula, aka the Mod 10 algorithm is used to validate accurate credit card numbers. Heavily commented.
Title:Currency Fields Contributor: Pavel Donchev Contributor URL:http://chameleonbulgaria.com/ Date Uploaded: March 10, 2008 Description: This script will format designated form fields as currency fields. Can be used several times on the page. Automatically does all the formatting. Easy to use!
Title:Currency Format Contributor: Cyanide_7 Contributor URL:http://www7.ewebcity.com/cyanide7 Date 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 Date Uploaded: July 11 1997 Description: Use Javascript to allow visitors to open a customized window.
Title:Date Format Contributor: Oded Arbel Contributor URL:http://geek.co.il/wp/ Date Uploaded: September 27, 2006 Description: This JavaScript date library is an extension of the internal Date object, which enables various formatting of date/time values.
Title:Day Menu Date 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:Date Selection Form Contributor: Satish A Date Uploaded: September 17 2003 Description: This handy script lets you auto-generate the day and year in a drop down selection as well as validate the date. Add it to your pages that require date validation.
Title:Date Sorter Contributor: Patrick Lewis Contributor URL:http://www.PatrickLewis.net Date Uploaded: October 1 2003 Description: This script will sort an array of dates with the month spelled out. It is done by converting the date into a more manageable format.
Title:Decimals Allowed Contributor: Fred Serry Date 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:dFilter Contributor: Dwayne Forehand Date Uploaded: March 28 2003 Description: This script will easily allow you to add an input mask to a textbox. The mask for a phone number could look like this for example "(###) ###-####". Just give it a try to see it in action!
Title:Dictionary Contributor: ahmad Contributor URL:http://www.aiboyrocks.com Date Uploaded: September 20 2001 Description: This script defines English words. You put in the word. It gives you the definition. Easy enough! It also includes a thesaurus.
Title:Disable Enter Key Contributor: Andrew G. Samoilov Contributor URL:http://www.webcheatsheet.com/ Date Uploaded: February 14, 2007 Description: Use this script to prevent visitors from submitting a form before it is completely filled-in. Instead of using the enter key to move from field to field, they will need to use either the tab key or the mouse.
Title:Disable Form Controls Contributor: Paul McFedries Contributor URL:http://www.mcfedries.com/ Date Uploaded: February 9 2005 Description: Here's a simple form that contains a check box and a text box. Unless the check box is activated, you won't be able to enter anything into the text box.
Title:Disable Radio Button Groups Onload Contributor: Greg Burghardt Contributor URL:WebDeveloper.com Forums Date Uploaded: August 24, 2007 Description: This unobtrusive script will disable groups of radio buttons on the page if one radio button is checked. It works with multiple groups and multiple forms on one page. Buttons are disabled on a group-by-group basis. Easy to use!
Title:Disable Submit Contributor URL:http://dynamicdrive.com Date Uploaded: July 5 2000 Description: 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:Disable the Submit Button Contributor: William Bontrager Contributor URL:http://willmaster.com/ Date Uploaded: June 13, 2007 Description: Sometimes it is a good idea to disable the submit button so that the user cannot make multiple submissions. This snippet will do the trick. Very easy to use.
Title:Dropdown Box Population (Revised) Contributor: DeWayne Whitaker Contributor URL:http://www.aecdfw.com Date Uploaded: November 9 2005 Description: Multiple series of dropdown boxes (up to 3) are automatically populated based on previous selection. Revised to work with IE, Netscape, Firefox, and Opera.
Title:DynaCalendar Contributor: Michael O'Connell Contributor URL:http://wunder-ful.com Date Uploaded: May 5, 2006 Description: A date selection widget for use with forms. Clean and simple. Uses style sheets for layout.
Title:Dynamic Drop Down List Contributor: Sandeep Gangadharan Contributor URL:http://www.sivamdesign.com/scripts/ Date Uploaded: March 26, 2008 Description: Use this script when you need to offer multiple choices in your forms. Clicking a link dynamically changes the contents of the accompanying drop down list. Add as many options as you need. Complete details are explained in the script.
Title:Dynamic Input Contributor: Peter Hermus Contributor URL:http://come.to/speedpete Date Uploaded: September 8 2000 Description: (Internet Explorer Only) Offer a form with as many input boxes that the user selects. After entering the number of boxes, the form is dynamically updated while the rest of the form remains untouched.
Title:Dynamic Table Contributor: Bob Simpson Contributor URL:http://maryjanebrown.net/webmaster Date Uploaded: November 3 2000 Description: (Internet Explorer 5+ and Netscape 6+ Only) Enter information into this dynamic table and see the power of W3C-DOM compatible browsers. Absolutely Amazing!
Title:Email Address Validation Contributor: Sandeep Tamhankar Date Uploaded: April 4 2001 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:E-mail Director Contributor: Jon Eyrick Date Uploaded: March 2 2005 Description: Use a button or link to send e-mail using the visitor's e-mail program.
Title:Email Domain Date 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:E-Mail This Page Contributor: Jim Stiles Contributor URL:http://jdstiles.com/ Date Uploaded: May 20 2005 Description: Let your visitors e-mail your Web pages to their friends.
Title:E-Mail This Page 2 Contributor: Toicontien Contributor URL:WebDeveloper.com Forums Date Uploaded: July 25, 2007 Description: Let your visitors recommend your Web site to their friends. (Requires the use of your visitor's e-mail client.)
Title:Email Validation - Basic Contributor: Joshua Hayden Contributor URL:http://webbuildersource.com Date Uploaded: June 28 2001 Description: This is a simple e-mail address validation script. While it is not too sophisticated, it does provide the basic validation function.
Title:Encode Special Characters Date 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:Enter Key Focus Contributor: Ritesh Sutaria Date Uploaded: December 3 2003 Description: Form users can move to next text field by pressing the enter key.
Title:Exit Window Date 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:Expanding Textbox Contributor: Robert Khatchadourian Date Uploaded: May 14 2001 Description: Automatically expands the size of a textbox to fit all of the entered text. Internet Explorer Only.
Title:Extended Characters Contributor: Jeffery P. Sanders Contributor URL:http://fp1.centurytel.net/JPS Date Uploaded: May 5 2001 Description: Having trouble remembering the extended character codes? It's now as easy as a press of a button.
Title:External JS Contributor: Jacob Hage Contributor URL:http://www.hagedesign.dk Date Uploaded: August 23 2000 Description: Using an external JavaScript file, simply define the rules for how each field should be validated and you're set. Piece of cake! And since it is it's own .js file, it's easy to use the code on every page of your site. Currently only validates text, numbers and e-mail addresses.
Title:Extract Email Addresses Contributor: Ronnie T. Moore Date Uploaded: September 1 2000 Description: Visitors sometimes include their email address inside the message field when they fill out forms. To deal with this, this script parses through the string and uses a Regular Expression to find then return a comma-separated list of the valid email addresses it finds. Easy!
Title:Field Explanation Date 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:Field Focus Contributor: John Munn Contributor URL:http://members.home.com/jrmunn Date Uploaded: October 23 2001 Description: A simple and small script to place focus on any form element you want when a page loads.
Title:Field Show Contributor: Vladimir Geshanov Contributor URL:http://hotarea.com/ Date Uploaded: April 1 2005 Description: Use radio buttons to display a field for your users to add input to your forms.
Title:Field Show 2 Contributor: Fang Contributor URL:WebDeveloper Forums Date Uploaded: March 31, 2008 Description: If you need to gather additional information from your visitors/customers, this script will dynamically add an input box directly after a checkbox. This will help to keep your forms neat and clean.
Title:File Open Contributor: Hoop Hooper Contributor URL:http://www.angelfire.com/pa3/muddas Date Uploaded: June 5 2001 Description: This script allows someone to choose a file on their hard drive and open it. Now cross-browser compatible.
Title:First Form Field Contributor: Wayne Nolting Date Uploaded: March 14 2001 Description: This script places the cursor in the first field of a form when the page loads and when the form is reset or cleared. The script works with input types: text, textarea, radio, checkbox, password and Select drop-down boxes.
Title:FilterList Contributor: Patrick Fitzgerald Contributor URL:http://www.barelyfitz.com/webdesign/articles/filterlist/ Date Uploaded: August 26 2003 Description: Finding one item in a long list can be daunting task. Enter FilterList, with this script you can sort the items alphabetically.
Title:Form Field Help Contributor: Uncle Jim Contributor URL:http://jdstiles.com/ Date Uploaded: January 19 2005 Description: Add a help link to each section in your form. When clicked, an explanation is given of what is required and a box is offered where the information can be entered and transferred to the form.
Title:Form Acknowledgement Page Contributor: Enigman Contributor URL:http://members.ozemail.com.au/~enigman/javascript/js_samples.html Date Uploaded: April 13 2005 Description: This page is called by a Javascript function. The purpose is to inform the visitor that their input has been successfully recorded. A button is provided to enable the visitor to close the window for this page and return to the page that created it.
Title:Form Focus Contributor: Tom Khoury Date Uploaded: October 12 2000 Description: Places the focus on the first editable field in a form on any web page. Efficient!
Title:Form Target Formatting Contributor:Cyanide_7 (leo7278@hotmail.com) Contributor URL:http://www7.ewebcity.com/cyanide7 Date 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:Form Screener Contributor:brainycooldude (brainycooldude2002@yahoo.com) Date Uploaded: October 27 2003 Description: Don't want a certain person to fill out a form? Using this script, those people will be rejected after they put their name in.
Title:Format Date Contributor:Richard Gorremans (RichardG@spiritwolfx.com) Contributor URL:http://www.spiritwolfx.com/ Date Uploaded: February 14 2001 Description: Automatically formats date fields as the user enters the information. Also validates the date when complete date has been entered. Cross browser compatible, including Netscape 6+. Great!
Title:Format Phone Number Contributor:Roman Feldblum (web.developer@programmer.net) Date Uploaded: January 30 2002 Description: This script will format a telephone number entered into a text box. Numbers can be entered as 1234567890 and will automatically be formatted as (123)456-7890.
Title:Highlight Active Input Contributor: Alf Magne Kalleland Contributor URL:www.dhtmlgoodies.com Date Uploaded: July 12, 2006 Description: Highlight text inputs in your forms. Make it easy for your visitors to see where they are.
Title:ICD-10 Code Format Validation Contributor: Andreas Hörl Contributor URL:http://www.no-x.net Date Uploaded: August 2, 2006 Description: This script validates the entered value to see if it conforms to the ICD-10 format. (It does not check whether the code exists in the ICD-10 WHO library.)
Title:Image Upload Preview Contributor: Abraham Joffe Contributor URL:http://www.abrahamjoffe.com.au/ Date Uploaded: June 29 2005 Description: This script is intended for forms where the user needs to upload an image to a Web site. The image is displayed on the page for previewing before uploading. The display will be resized if needed so as not to break the page layout. Valid file types are set in the script; others will be disallowed. Works only in Internet Explorer but degrades gracefully.
Title:Initial Caps Contributor:William Humphreys (billy@technical-solutions.co.uk) Date 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:Input Box Comments Contributor: Lee Underwood Contributor URL:http://javascript.internet.com/ Date Uploaded: November 2 2005 Description: Display a few words in a form field and when focus is given to the field, the words will disappear. Great for providing instructions in a small space.
Title:Input Box Comments 2 Contributor: Paul Alcock Contributor URL:http://www.ourfaqsite.com Date Uploaded: December 28, 2005 Description: Display a few words in a form field and when focus is given to the field, the text will disappear. When the box loses its focus, the original text is reinstated. If new content is entered, the script will preserve it.
Title:Input Mask Contributor: Baron Schwartz Contributor URL:http://www.xaprb.com/ Date Uploaded: August 10, 2007 Description: This script uses unobtrusive JavaScript to implement "input masks." The maximum field length is automatically limited to the length of the mask. The characters that are entered into the fields are constrained, and separators are automatically added. (No actual validation is done. Check our site for validation scripts.)
Title:isCurrency Contributor:Derek J. Klingman (dklingman@quantumsoftware.net) Contributor URL:http://quantumsoftware.net Date Uploaded: March 11 2003 Description: This function will take a string value and break it apart and check for valid US currency values. If the string is a valid US currency value the function will return true. If the function encounters an error while validation the function will display a error message to the client and return false.
Title:Items List Date 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 Date 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:JS Quicktags Contributor: Alex King Contributor URL:http://alexking.org/ Date Uploaded: March 28, 2007 Description: This script will insert HTML tags at the cursor position in IE and Gecko-based browsers (Mozilla, Camino, Firefox, Netscape). For browsers that do not support inserting at the cursor position (Safari, OmniWeb) it appends the tags to the end of the content.
Title:JavaScript, DOM, and the Humble Form Contributor: Greg Burghardt Date Posted: October 19, 2007 Description: So you've got a form on your Web page, and now you want JavaScript to interact with it. This tutorial outlines the various methods used when scripting forms, and explains the Form Document Object Model in detail. Includes code examples of the two main methods with an emphasis on Web standards and best practices.
Title:Limit Boxes Contributor:Glenn Wang (brief@ix.netcom.com) Contributor URL:http://capsule.bayside.net/ Date 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:Limit Characters and Words Entered Contributor: Will Bontrager Contributor URL:http://willmaster.com/ Date Uploaded: November 17, 2006 Description: This script will allow you to limit the number of words and/or characters entered into a form. Easily customizable.
Title:Limit Textarea Contributor: Ronnie T. Moore Contributor URL:The JavaScript Source Date 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:Limit Textarea 2 Contributor: Ilya Gerasimenko Contributor URL:http://www.gerasimenko.com/ Date Uploaded: January 9, 2008 Description: This script limits text input to 20 characters per line for a total of 10 lines. Numbers are adjustable. It also filters textarea input: replaces non-alphanumeric characters with spaces, removes extra spaces (multiple consecutive, leading and trailing) and blank lines. Final clean-up is performed onblur, when user clicks out of textarea.
Title:Line Wrapper Date 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 Date 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:List Organizer Contributor: Bob Rockers Date Uploaded: May 3 2001 Description: Easily organize a list of values to place them in any order. Allows you to add and delete from the list!
Title:Live Telephone Number Validation Contributor: Rob Sheldrake Contributor URL:http://www.sites4biz.co.uk Date Uploaded: March 23, 2007 Description: Simple telephone number validation. This script makes sure the user enters only numbers, brackets, hyphens, or spaces. A plus (+) may be entered as the first character. Just add it to your form validation routine.
Title:Locked Textbox Date 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:Mail - Pick Subject Date 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 Date 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 Date 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:Memory Cells Date Uploaded: May 7 2001 Description: Need to save values from a text field off to the side to free up a form for another calculation? This JavaScript lets you do just that!
Title:Menu Swapper Contributor:Phil Webb (phil@philwebb.com) Contributor URL:http://www.philwebb.com Date Uploaded: May 31 2001 Description: 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. Newly modified, more efficient algorithm!
