Most Popular Scripts | JavaScript | Scripts & Programs | Forms

A visual way to select RGB color for form inputs on a web page. You can choose colors from a palette of web colors, named colors or by using a RGB color slider.

jsVal is a JavaScript program used for validating HTML Forms on the client side. This allows HTML forms to be validated in the browser without having to send a request to a sever (PHP, ASP, Perl...). jsVals saves you from having to write complicated validations on server side as well as helping you avoid having to rebuild and repopulate the form when validation fails. The advantage versus other client side HTML form validators is the ease of use and flexibility you'll gain. jsVal fits the needs for most HTML Forms, and can be also easily be integrated with existing HTML Forms.

Smart Forms has more than 20 validation types and extra features that make using forms a better experience. The best practice of form validation involves two stages: 1) JavaScript validation since it is fast and it takes the load off the server; 2) Server-side validation since it does not depend on user's software and therefore it can not be bypassed. Smart Forms includes PHP script that performs exactly the same validation as JavaScript, so you can easily implement this scheme. Validation is based on data types (number, word, alphanumeric, date, e-mail, etc) and comparisons (including numeric, text length, and selected items count comparisons). Also, you can add extra features to the form, including character counters for textarea & input tags (this way, when you set length limitation you can let the user know how many character he/she has left), groups of fixed size fields such as year-month-day (when you enter 4-digit year the focus automatically shifts to the month field), etc.

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.

Foul is a JavaScript based, form validation language. If you hate all the rigamarole you have to go through just to check a simple web form, then this script is what you need. Foul contains a full language parsing engine which compiles advanced conditions and tests for the fields of a form. The language makes building tests as easy as saying what you want. The tests include, blank fields, numbers, phone numbers, credit cards, urls, zip codes, states, emails, social security numbers, ranges, lengths, dates, file types and much more. Foul also contains an auto-formatting feature which fixes the data before it's sent.

This script adds (correct) auto-complete/type-ahead/ tracing/find-as-you-type effect to dropdown menus in Internet Explorer and other browsers. In IE, when user press "MA" in a dropdown menu, IE will first select the first option starting with "M", then select the first option starting with "A", giving user "AK" while user actually wanted "MA" for Massachusetts. Using this script, user will get MA if M and A are consecutively typed (if user type M, then A after some (customizable) time, user will still be taken to AK as an intended behavior.). It also allows you to use user-typed value to populate other menus. Currently all printable characters on keyboard and keypad are supported (except for those needing the "shift" key). Version 1.1 is cross-browser and fixes issues in Firefox and Chrome too.

A highly customizable javascript spinner. Some features: * Change value by using mouse wheel * Change value by "nudging" the label. * Change value by using the arrow keys * Automatic validation of key input * Support for decimals * Support for max-, and min values * Support for custom increment values * Support for "shift" key increment values. JS Unit tests are also available.

This function allows you to read form variables from static HTML. Combined with the document.write() method, you can actually add dynamic content to regular HTML. Given a choice, server side processing of form variables is preferable.

This is a simple JavaScript showing how to select all or none of the items in a select list. All the items are shown (not a drop down list) only to show that they are all selected or none are selected.

Form Validator gives designers and programmers working with Adobe Dreamweaver a very powerful form validator. This tool supports validation for required fields, integer/float numbers, positive numbers, ranges, string lengths, zip codes, email, checked boxes, compare fields (example for password confirmation), credit card syntax, and more. This validator also accepts regular expressions, useful for custom field validations. There are not programming or hand coding skills required, you can create the validation rules from a visual interface accessible from the Dreamweaver commands menu. The Javascript generated code is compatible with all actual browsers. You can validate multiple forms on the same page by using this form validator.

This series of functions provide common form validation for required fields, dates, numbers, and email addresses.

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.

This is a very easy-to-setup form validation script. The main idea is: we heed to write NOTHING of JavaScript to handle whole form validation process. This script allows you to specify certain form elements as "required" or "non-required" and also what specific type they have: text, password, numeric, zip code etc. The script checks automatically all required elements to make sure that they are NOT only empty before allowing the form submission, but also that the surfer entered a valid type value.

Tigra Form Validator is free JavaScript component performing client side form validation. With its reach feature set the script can be used with HTML forms of virtually any complexity. This component is simple way to improve visitors' experience, robustness and resource efficiency of your web application.

If you have a large number of checkboxes into a HTML form then you will need a control-checkbox to mark or unmark all them at the same time, making the process easier to the user that fills the form. With this Dreamweaver extension, you can very easily introduce into your form a special checkbox that is capable of controlling several checkboxes, or even all checkboxes at once. This is a 100% visual process, you don�t need any hand coding, the extension generated the properly code into the page making the process easy for you.

Is the user pressing the "Enter" key in the middle of your form causing inadvertent and incomplete form submissions? This script disable the "Enter" key when pressed inside chosen fields of your choice. Moreover, it then advances the cursor to the next field within the form.

This is a validation JavaScript that checks the value inside a form box to ensure it's a number.

Change standard appearance of all html form elements with CSS/JavaScript: button, checkbox, file, radio, select, text, textarea. Flicker-free operation: HTML code is not modified by JavaScript, which ensures flicker-free loading of webpages. Supported browsers: IE7+, FireFox, Chrome, Safari, Opera (IE6 displays unskinned form).

This JavaScript shows how to update a text component of a form on a selection change in the same form. It uses the event onchange to trigger the javascript function to go see what is selected and look up the price for that selection. Its design allows the programmer to write the code for the selection order or the definition of the prices in any order he/she wishes.

wForms is a javascript extension that adds commonly needed behaviors to traditional web forms. It follows the principle of progressive enhancement : unobtrusive, cross-browser and degradable. I should also point out that not a single line of code is required to actually use it. That makes the learning curve almost non-existant. If you can add a class to a tag, then you can use wForms. Implemented behaviors are: * Switch: Allows you to show/hide relevant parts of a form based on the user inputs. * Repeat: Allows parts of a form to be repeated if the user wants to provide more answers. * Field Hint: Displays contextual help based on the current input focus. * Input Validation: Validates common input types (email, numbers, ..) and displays appropriate error messages.