Accept terms form submission Does your form contain an "Accept terms" section users must agree to before submitting the form? If so, this script helps enforce it, by disabling the submit button (in IE4+ and NS6+) or process (all other browsers) until he/she checks a box indicating compliance. |
Active Tri-State Roll-Over Images on Form Submit and Reset Replace the ugly 'gray button' Reset and Submit on forms -- this script shows how to use active tive 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. |
Advanced Dropdown List (built-in search/sortable multicolumn/images) Enhances usability of large dropdown lists with built-in search, and sortable multicolumn feature. It suggests possible matches for entries you type in the input box. One can assign images to items. It has single and multiple select mode, and search mode is also adjustable. Works in all browser with proper DIV, CSS and JavaScript support, full customization is possible with style sheets. |
Advanced Email Check This is a script that closely examines the content of a form box to ensure that the user entered a valid email address. If not, the form submition is canceled, and the surfer prompted to re-enter a valid address. |
AnyMask The functionality of this routine is similiar to the masked edit controls availible in VB. |
Auto tab (form field) script This script "auto tabs" a form field (and jumps to another field) once the length of the field's value has exceeded a certain length. It works in conjunction with the "maxlength" attribute of HTML, triggered whenever the user's input reaches the maxlength's value. |
Auto tab (form field) script This script "auto tabs" a form field (and jumps to another field) once the length of the fieldfield's value has exceeded a certain length. It works in conjunction with the "maxlength" attribute of HTML, triggered whenever the user's input reaches the maxlength's value. |
Block multiple form submission This useful script prevents a form from being inadvertantly submitted more than once, which often occurs if the user clicks on the "submit" button multiple times before the process is complete. The result is partial or multiple submissions. With this script, the submit button is disabled once it's been pressed the first time. |
Bs_Slider widget Much nicer than an input field where a user can type in a number from 0 to 10, to 100 or whatever. |
Check All / Clear All links for dynamic check-boxes 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 dele ting or moving. Use this simple script to do just so. |
Check E-Mail Addresses Use this JavaScript to ensure that e-mail addresses provided in a form submission contain a prefix, the '@' sign, and an appropriate suffix (.com, .net, etc.). |
Check Form Check Form is a form validation script that checks if all fields in the form have been filled out. The script can be easily extended. |
Check if its a number This is a validation JavaScript that checks the value inside a form box to ensure it's a number. |
Checkbox Changer 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. |
Count Checkboxes/RadioBoxes Selected This is a short JavaScript function that demonstrates how to count the number of radio boxes that are selected. |
Credit Card Validation Script This script verifies whether a credit card number follows some well known rules for various card types. For example, it checks the number of digits in the card and compares the starting digits for that card against the known digits for that card type. It also uses an algorithm called the Luhn algorithm that does a kind of checksum on the card number. |
Date Format Validator This script validates the date that the user inputs for the following sample format: |
Date Validation and Format Correction Javascript If you want to verify a date in a textbox just call the checkdate - function with the textbox name as parameter. The script tests the date and changes the date into the correct format. An US Date Format Version is now available. |
DHTML Sortable Grid Control (With Form Elements) 100% Client Side JavaScript Sortable Grid Control. This control supports form elements within the grid and is capable of sorting on form element changes. Works in NS 6.2 and above and IE 5.0 and above. Easy to customize for your web site. |
Drop-In Form Validation Using a combination of CSS and Javascript this script will demonstrate how to drop in code to check all the required fields on a HTML form without having to specify each and every field. Incredibly Simple and easy to integrate with your site. |
Duplicate Form Field Originally written for a website design company that required users to firstly input a domain name choice and then to choose their primary e-mail address, this little script 'echoes' or duplicates the domain name value, copying itself to the end of the E-mail address, which then cannot be changed. |
Dynamic Forms The Dynamic Form script illustrates how you can create forms that can be expanded as users add items. DHTML is used to dynamically generate content and update the page. |
Echo Form Field Fill in a text field in a form and this JavaScript changes the value of another specified text field. The other text field value is then locked to that value. |
Email Validator Use this JavaScript to validate Email addresses on the client-side. To validate an Email address, use the function in the following manner: isEmail(someEmailAddress). The function returns true if the Email is valid, else the function returns false. The isEmail() function does not use regular expressions while the isEmail2() function use s regular expression for validation. |
Erase Text This is a code snippet demostrating how to empty a textarea with a simple click. |
Filter Large Select Lists If you have a very large HTML SELECT list, finding the correct item can be like looking for a needle in a haystack. For example, if you have a list of a couple hundred names, finding a single one can be difficult. This article provides a JavaScript technique for filtering the items in a select list so that only the matching items are shown, making it much easier to locate the desired item. |
Form - CheckBox This JavaScript demonstrates how to determine which options of a checkbox are selected. |
Form Dynamically Display Parts 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. |
Form field Limiter This script limits the amount of text a user can enter into particular INPUT or TEXTAREA elements, plus displays in real time the number of characters remaining. |
Form Field Validation This series of functions provide common form validation for required fields, dates, numbers, and email addresses. |
Form Guard Easy-to-use functions to check email address, username, date format, number, decimal and number range. |
Form Helper with Images 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! |
Form Validation you can use this JavaScript to ensure that all elements of a form are properly filled out before they can be mailed to you. It uses cookies for the form validation. |
Form Validation JavaScript 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. |
Form validation script Generator Cut and paste your form code into the textarea and submit! This PHP driven page will then list all form fields that can be validated. Choose what type of validation you want and let the page generate a full x-browser validation javascript to cut and paste into your pages. Includes full regex e-mail validation. |
Form Validator This is a JavaScript Form validator. When you submit the form, it validates the data you entered in the various fields. You are allowed to enter only alphabetical characters in the "Name" field. You can enter only numerical data in the "Age" and "Zip" fields. You can also choose which fields are "required" by the user to be filled. |
Form2Popup script This useful script allows you to target a form's submission to a new customizable window, so the original page does not change once the "submit" button is pressed. Instead, a customizable pop up window is launched containing the destination page. |
Format a Phone Number Formats a phone number in a text field. Set up for American phone numbers at the moment. Updated from a script by Roman Feldblum. |
FormCheck FormCheck is a generic script which will check and verify that mandatory fields are filled in before form submission. If one or more of the required fields are empty. A popup dialog will appear showing the omitted fields. |
FormPlus FormPlus is JavaScript which enables you to valid your form. Make sure you will receive complete information from visitors. Form fields can be added and modified as your requirement. The script also disables right click to protect your properties. FormPlus works on IE and Netscape. |
fValidate Validate huge forms in just minutes! Easy to add your own validation types. Validates blanks, numbers, length minimums, decimals, money, selects, checkboxes, radio buttons, phone numbers, zip codes, email addresses, IP addresses, SSNs, dates, file uploads, credit cards and more, including logical validation such as comparisons. Validate data without requiring field. Toggle reset/submit button disabling, toggle send confirmation, and setup for one by one or group error modes. CSS-based error notification with 29 separate error-modes. NEW -- language files for i18n support. Low namespace footprint for maximum compatibility with other scripts. Full documentation and API on the website. |
Highlight / copy form element script This JavaScript allows your surfers to easily select and copy the contents of your form elements. |
Highlighting Form Text Areas on Mouse Click 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. |
HtmlChecker JavaScript-based HTML checker that allows you to check your code without saving it somewhere else. |
Input Masking This script allows to control user input by specifing a mask for it. |
JavaScript Form validations made easy Client side java script is the efficient way to validate the user input in web forms. It gives the response immediately and reduces the server load. But, when there are many forms in the project and when the forms are long, writing the form validations becomes a daunting, repetitive task. Save yourself from coding long validations for your forms. Here is a simple, powerful form validation code. Using this code, you can do the common form validations in a snap. |
JSpell JavaScript Spell Chel Checker JSpell Spell Checker - Now available, a pure JavaScript front-end for JSpell - Put a Spell Checker on your web page with only 10 lines of code that you cut and paste. Works with plain HTML, JSP, ASP, CGI generated web pages as well as Oracle Forms and Java. The only spell checker product designed exclusively for the web. Our HTML Spell Checker and our Java Spell Checker demos are online. |
JustQuick Form You can write the form specifications in notepad, then cut & paste it into the textarea. You can then generate the form with two types of layout. Afterwards you can edit the form to add javascript validations etc. |
Ken's Country List Generator Displays a short list of ~39 countries -or- a complete list of ~240 countries, all under the users control and in ONE select control. The user can switch back abd forth between the two lists. It even supports default values. |
Kong Eu Tak's Form validation This script allows you to validate form input elements by users to prevent the submission of invalid data. |
Multi-Menu Input This is a quick and dirty JavaScript example demonstrating how to load a menu based on the input from the previous menu. It can be expanded to any number of levels. To see the code, scroll down the top frame page, and click on the "View Source" button. |
MX Widgets Suite PHP For the Dreamweaver MX PHP developers who need to implement enhanced dynamic forms, the MX Widgets Suite offers a powerful alternative to the regular HTML controls. Unlike standard MX forms development, that requires manual coding to implement the application logic, our product relies on the power of PHP and JavaScript to enforce an accurate and user friendly forms completion. Features: --Editable Dropdown; --Dependent Dropdown; --Calendar Widget; --Dynamic Search; --Enhanced Input Widgets; --n..1 Dependent Field; --Multiple browser compliance; --Compatibility with all Dreamweaver form generators; --PHAkt2 and PHP_MySQL support. |
myAddressBook A cool JavaScript/DHTML and cookies driven address book. |
No Entry Use this JavaScript to ensure that visitors do not leave a form entry blank. If they do, they are prompted to complete it before they can continue. |
North America Chooser This is the North American version of Ken's Country Chooser |
Print Out Current Window Script 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. |
qForms JavaScript API qForms is a complete JavaScript API for interfacing forms. It will not only simplify your work, but will also give you the ability to create more complex form-based interaction. qForms was designed with everyone in m |
Question/Answer Validation 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. |
Quick Fill Form Includes two drop down dialog boxes: one for the country the other that self populates w ith the province or state. |
ResizeObjects ResizeObjects is a set of Javascript functions that that enable a user to build a form and dynamically resize the form objects depending on the size of the browser window. It is copyrighted, and distributed under the GNU Public License. |
SearchBliss Form with Validation Generator This is a Web-based wizard that generates a JavaScript form validation code with textfields and a text area. Type the text that will appear next to each textfield, the textfield names, and choose the textfields width and max number of characters. You can also choose which textfields are required, required email, reqiured number, etc. Type in the button label (Enter, Submit, etc.) Then click the "create form" button to generate the code. Use it or add it to your site for free. |
Select All Text This is a simple JavaScript example for allowing users to select/highlight a textarea content with a click of button. |
Select List Of Current Month 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. |
Select Menu 2 ... Select Menu with persistence Group and split your long option list into some short sub-lists and use a top-list to switch between them. And remember the user selections when come back to the same page. |
Select Validation This JavaScript allows you to ensure that visitors choose both a radio button and a checkbox. Invalid submissions are cancelled. |
select-all This script allows you to add a "select all" feature to your form 'TEXTAREA's, whereby visitors can easily highlight the containing content with a click on a link. |
Stealth Form Reader This program illustrates how to actually read and process fields of information from a form (including proper number to number conversion) on a webpage WITHOUT the need of having to actually use the traditional submit button (and writing sometimes long parsing functions that everyone seems to be using) before any processing is done. |
Submit a form only once 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. |
Suggestions This JavaScript allows your visitors to send you feedback right from their browser. It also automatically logs their Browser types and versions. |
Validate empty form fields and e-mail addresses Checking that form fields have input is extremely important - having this performed before the form is submitted, client side, before its handled by anything at the backend such as an SQL or MS Access database, is vital and an additional factor in getting accurate input. This code contains functions to check null input and also to check if an eif an e mail address follows a valid pattern. |
Validation Let Javascript help you receive feedback from your visitors. The script also requires that all fields must be completed before the form is submitted. |
Verify/notify For Duplicate Fields Many forms will require the user t o enter an email address twice (to check for typographical errors). This script immediately notifies the user when the two fields match - it's a nice, user-friendly touch, and safe for all browsers. |
Word Filter Word Filter is a type of form validator. When the user submits some text, the validator will check the text for words that has to be filtered. The words that have to be filtered must be added to the array swear_words_arr. When the user types the text and hits the submit button, if the text contains any word that is present in the array swear_words_arr, the form will not be submitted. The script can be used for validation of swear words etc. |