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)

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

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)

CheckBox.XML is an unobtrusive and almost codeless way to give the ordinary checkboxes cool looks and appeal and yet keep their native functionality, for example – keyboard support, client events, etc. All you have to do is to register the runtime scripts, set a skin, placeholder and add checkbox items in a simple XML file....
(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.

Enhance the textboxes, passwords and textarea elements of your website forms with rounded corners with four lines of code. All you have to do is to register the runtime scripts of Input.JS, select a skin, reload the page and leave the rest to the script....
(show more)
(show less)

RadioButton.XML is ajax-driven almost codeless, reliable, accessible and semantic approach for skinning of radio buttons. The solution makes use of real radio buttons with labels and their toggle functionality and skinned list-items, allowing single-line and multi-line radiobutton list rendering, native client- or server-side validation and easy skinning using an image sprite and a few lines of CSS....
(show more)
(show less)

Ever been disappointed of your attempts to style the elements on your pages? Yes, even with the power of CSS styling of that tag is almost impossible. However, this could be done with Upload.XML - a cool ajax application that allows you to seamlessly and almost codelessly add styling to these elements. It comes with a set of 10 predefined skins, but you can easily create skins of your own in a few minutes....
(show more)
(show less)

RadioButton.XML is finally a successful attempt for codeless, reliable, accessible and semantic skinning of radio buttons. The solution makes use of real radio buttons with labels and their toggle functionality and skinned list-items, allowing single-line and multi-line radiobutton list rendering, native client- or server-side validation and easy skinning using just three images and a few lines of css. Currently it comes with 10 predefined skins - Acid, Blue, Classic, Default, Green, Mac, Orange, Red, Vista, WindowsXP....
(show more)
(show less)

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.

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)

ButtonReplacement.JS is an unobtrusive and almost codeless way to give the ordinary html buttons cool looks and appeal and yet keep their native functionality - click event, keyboard support, etc. All you have to do is to register the runtime scripts, set a skin and root folder for ButtonReplacement.JS....
(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)

SelectBoxReplacement.JS is an unobtrusive and almost codeless way to give the ordinary HTML combobox form controls (... cool looks and appeal, totally customize them, even add icons to the options in the option list, and still keep their native functionality and JavaScript events. All you have to do is to register the runtime script, set a skin and root folder for SelectBoxReplacement.JS....
(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 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)