Forms

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....
(show more)
(show less)

The JS Auto Form Validator is an easy-to-setup form validation script which enables you to handle the whole form validation process without writing any JavaScript code. 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 automatically checks all required elements....
(show more)
(show less)

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...
(show more)
(show less)

SpinBox.JS is an unobtrusive and almost codeless way to turn the ordinary input text boxes into cool looking, multifunctional and skinnable spin boxes. All you have to do is to create a normal text input on the page, give it an ID, edit a few arguments, set a skin in the initialization script and hit F5 to view the amazing transformation. On this demo page you will learn how to do this. Installing, configuring and running the script is a matter of minutes....
(show more)
(show less)

Anyone that has ever developed a web-application will probably have been confronted with the frustrations of it's users, that if they leave the page without saving the data they have entered, it all will be lost.This script will end those frustrations!! When included in any page (with the script-tag) you can activate it once the page is loaded (with the onLoad event) to store the current 'states' of all the forms in the web-page. Then, when the user tries to leave the page, it will perform another check and if it appears the state of the form(s) have been altered (the user has changed some data), it will alert the user of this and give the possibility to cancel leaving the page It also provides a function with which you can submit any form without triggering this alert. And it also provides a possibility to exclude certain elements from the check (so they can be changed without triggering the warning)...
(show more)
(show less)

This script retrieves the title from option tags included in a form and display the title inside a div box at the bottom of the multiple combo. It uses the getElementById() function.

TrueFormValidator is a set of javascript functions which frees web developers from having to write form validation code again and again . Most web developers know how time consuming and tedious it is to write client validation code for forms. Due to lack of proper debugging tools and IDE applications for Javascript, writing and fixing validation scripts can be a headache. TrueFormValidator was created with just that purpose in mind. We at TrueLogic faced the same problem over the years and finally we have come up with our plugin script which saves us hours of coding and testing. ...
(show more)
(show less)

This Javascript based spell checker is capable of finding errors in your input fields with the ease of a few clicks. It supports embedded HTML tags ( as on WYSIWYG text editors) and can be configured to work on multiple languages. It also provides a grammar check option that allows you to find punctuation and capitalization errors in the same text. The spell checker does not require PHP, ASP or any server side language to run. The only requirement is to include an empty iframe that is loaded with the contents of a simple html page containing the words. The script can be configured to only attempt to load the words into the iframe once the user clicks on start the spell check (to allow for uninterruped loading of the webpage). Or it can allow you to preload the dictionary of words as soon as the webpage is loading. ...
(show more)
(show less)

A password widget that has a password strength meter, feature to show/mask the password and a password generator.

Form Reminder lets you automatically remind your users the values they typed into your forms. It is super simple to install and you do not have to have auto complete browser feature enabled. You only have to paste one line of code in the pages that you want script installed. Form Reminder also supports RC4 Encryption of data and is very secure so data like passwords or email will be protected using this encryption. This was done by modifying the encryption so that it is made of numbers and letters eliminating binary data that can cause bugs to get into the browsers. It also saves all forms values in a separate cookie for each name so the user only has to have cookies enabled to allow saving the forms. ...
(show more)
(show less)

Multiselect widget improves usability of ordinary multi-select input controls replacing them with a nice and clean widget that allow multiple options to be selected with just the mouse and without taking up more room that you need.

A script to traverse a html form in the page, then generate the Insert SQL query and submits it to the server side script using Ajax. Useful in scenarios where many forms with a large number of input fields are involved.

A JS 'class' for cloning complex HTML blocks - automatically adds numbers and nesting suffixes to new clones, properly increments values of ID and NAME attributes in new clones, adds deletion links if needed, allows nesting clones within clones, adds event listeners to cloning links and clone deletion links, allows skipping some nodes from pattern blocks and setting maximum clones number for a given target - a lot of parameters you can modify, optional use of user functions for a better control over a cloning process. Less than 10Kb in size, useful especially with complex forms....
(show more)
(show less)

OSM Virtual Keyboard is a compact, simple but powerful form input tool utilizing Dojo Toolkit integration. Use it to input Unicode utf-8 text into any form field in one of many currently provided language character sets. Incorporates Dojo style language files for ease of internationalization. Many 'Google translated' language files included. Select the Unicode utf-8 character set to use and type away. Give it a try!...
(show more)
(show less)

OSM Colortool is a compact, simple but powerful color selection tool utilizing Dojo Toolkit integration. Use it as an alternative to Dojo's own excellent color selection tool. Incorporates Dojo style language files for ease of internationalization. Many 'Google translated' language files included. The user can pick and save color selections via the main graphical tool or by a simple grid of 'web safe' colors. Colors can be manipulated by RGB or HSV numeric inputs. Give it a try!...
(show more)
(show less)

dhtmlxTreeGrid is a full-featured Ajax/JavaScript component that combines editable table and tree view. It represents both hierarchical and tabular data and allows client-side data entry and editing. Ajax support and rich JavaScript API brings great flexibility to the treegrid allowing you to create customizable dynamic tables with expandable rows. dhtmlxTreeGrid supports data sorting, column resizing, drag-and-drop and different cell types (multiline text, image, combo box, list box, checkbox, radio buttons, etc.). It also provides drag-and-drop feature that allows you to easily rearrange tree items with corresponding rows....
(show more)
(show less)

This script, inspectForm, required Prototype library version 1.6 and above. Some of the features are: * unobtrusive * client checking * server checking with ajax * easy to use * easy to hack, adjust, extend, modif

JavaScript custom dropdown - JavaScript image combobox Are you tired with your old fashion dropdown? Try this new one. Image combo box. You can add an icon with each option. It works with your existing "select" element. I hope you'll like this. Image dropdown features: Fully Skin-able Your original dropdown is safe, so your form post will not be messed. An image can be inserted with your text. Each "option" can have an image. You may covert all combobox as a image combobox, you may convert by id, multiple ids, or by wild card. We'll see that in example. Allmost all events are working now. Dependency: Jquery 1.2.6 or later. Image dropdown weakness: onkeypress, onkeydown and onkeyup are still not working. option's inline style is not working in IE How to use? Please visit my site to get all details. ...
(show more)
(show less)

Dropdown is a cross-browser JQuery plugin allowing the creation of select boxes with images. It has advanced configuration options, which allow functions to be executed on selection change or click, as well as great methods interface, allowing dynamic change of selection, and getting the selected value as text....
(show more)
(show less)

This script creates a function that helps you validate input data that requires numeric or money values. The script function isNumber takes four arguments. the first argument allows you to validate decimal values.The second argument option allows you to validate positive and negative values. The third option allows you to validate money values....
(show more)
(show less)