Form Scripts - Page 5 | JavaScriptSource

Form Scripts - Page 5

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.

  • AutoComplete
    Paul Avery Sep 11, 2006

    Just a nice little drop-down autocomplete.

  • Auto Complete Function
    Sep 6, 2006

    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.

  • Ultimate Character Counter
    Aug 21, 2006

    This script limits the length of multiple form fields and updates the screen as information is entered. It can easily be added to an existing script.

  • ICD-10 Code Format Validation
    Aug 2, 2006

    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.)

  • onMouseOver Button
    Jul 26, 2006

    When a user moves the mouse over the button, it will change text. When the mouse is moved away, the text will change back. Perfect for adding short instructions on a submit button.

  • Copy Fields 2
    Will Bontrager Jul 21, 2006

    Copy the shipping address fields to the billing address using a checkbox. Simple and easy to implement!

  • Validate Numeric Only
    Manzi Olivier Jul 14, 2006

    This script verifies that a string is numeric, otherwise it deletes the non-numeric character.

  • Highlight Active Input
    Alf Kalleland Jul 12, 2006

    Highlight text inputs in your forms. Make it easy for your visitors to see where they are.

  • No Duplicate Selects
    Vic Phillips Jul 5, 2006

    Prevent a selected option text or value from being chosen in another select box.

  • Validate E-Mail
    Francis Cocharrua Jun 21, 2006

    This script verifies that a string looks like a real e-mail address.

  • DynaCalendar
    Michael O'Connell May 5, 2006

    A date selection widget for use with forms. Clean and simple. Uses style sheets for layout.

  • Auto Complete Textfield
    Timothy Groves Apr 21, 2006

    As the user enters information into a textfield, this script will provide suggestions based on the list in the array.

  • Select Value Set
    Francis Cocharrua Apr 14, 2006

    This JavaScript function allows you to set the value of a select tag without having to know its position in the list. In the example, type in a letter of the alphabet and then click on the find button.

  • Code Box Editor
    Carole Nickerson Apr 5, 2006

    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.

  • Check/Uncheck Multiple Checkboxes
    Brian McAllister Mar 17, 2006

    This script allows for the selection of multiple checkboxes in a form. It create the buttons dynamically with unobtrusive JavaScript.

  • EDITABLE Dropdown, ListBox, ComboBox
    Subrata Chakrabarty Mar 8, 2006

    DropDown / Listbox / Combobox with any one option as Editable & the rest as readonly. It like a textbox and a dropdown at the same time.

  • Editable JavaScript Grid
    Ivan Petrenko Mar 8, 2006

    "Cross-browser JavaScript grid control for displaying tabular data in DHTML based table. Comprehensive features include fast-loading (enabled by AJAX), client-side sorting, columns resizing, multiple cell control types and keyboard navigation. The component is available under GPL."

  • Remember Form Data
    Steve S Feb 21, 2006

    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.

  • RegExp Validation
    Travis Beckham Feb 21, 2006

    Use this script for form validation using regular expressions. None of the information submitted in the form is saved. Very extensive.

  • dhtmlxTabbar
    Ivan Petrenko Feb 8, 2006

    Cross-browser JavaScript Tab Bar with XML support, rich API and dynamical data loading via Ajax. The control supports tabs scrolling, multi-row tabs and customizable layouts (top, bottom, right and left). dhtmlxTabbar is available under GPL.

  • Universal Form Validator
    Amit Wadhwa Feb 8, 2006

    Validate form elements of all kinds: select boxes, text fields (including spaces), radio buttons, force numbers in textfields, etc. Very easy to use. Can be used on all forms.

  • Checking File Extensions
    kochu Jan 24, 2006

    Check file extensions before uploading.

  • Carpe Slider
    Tom Snickars Jan 12, 2006

    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.

  • AAA Web Forms
    War O Jan 2, 2006

    Uses the sender's e-mail to send forms. Will validate the information and redirect, if all is correct, to a thank you page.

  • Input Box Comments 2
    Dec 28, 2005

    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.