Forms

• MORE DETAILS
• VISIT PUBLISHER SITE

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)

• MORE DETAILS
• VISIT PUBLISHER SITE

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

• MORE DETAILS
• VISIT PUBLISHER SITE

JavaScript and HTML code to create a Multiple Select Dropdown List with JavaScript, more exactly, a Triple, and a Double Select Dropdown list. Easy to include in forms in HTMLdocuments. The script contains the HTML code for the first drop down list, tags to include with JavaScript the other select lists, according to selected option, and the JavaScript code with Objects (in JSON format) with data for the select drop down lists, and the text-content.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Creating chained select was amazed me when I fillup the paypal from at facebook , with that idea i had created this chained select . If you don't know jquery please learn it at www.ksoft.isgreat.org/learn-scripts/jquery and come back to this blog.

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can preview images defined in select input options. It can take a parameter the identifier of a form select input element that has options set to the URL of images to be picked by the user. The object can display the currently selected image inside a preview page element. The object can also change the currently selected image to move next, previous, first, last or any of the images in the list.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can expand textarea inputs as the user types the text. It listens to the events triggered when the user types or delete text in a textarea input. The object can adjust the dimensions of the textare input to make the text fit in the visible are of the input. The mininum or maximum width and height of the textarea input are configurable parameters.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This handy script replicates the to field in many popular social networking and email sites. as users type, they are given suggestions to the name of the person they many want to send to, they can then choose the suggestion or choose to type there own name. Once they hit enter to finish the name, it is added to the list and they may continue to add another name. this script uses a hidden form field to capture all input names upon submission and includes a simple parser to interpret the result.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

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)

• MORE DETAILS
• VISIT PUBLISHER SITE

Validating forms and elements sometimes means a lot of work, specially if you create bigger websites with no sophisticated JavaScript environment. This JavaScript gives you the the possibility to validate all kind of form elements and it is quiet easy to implement. This script makes use of the objects.elements.length function and loops through all parts of the form. Among other element it detects select, text, textarea, radio and other elements, which maybe are not included in the example and are not set. If you set further elements you have to consider this: The element needs to have a specific name, which has to be handled in the JavaScript. The JavaScript Automated Form Validator has been tested with the following browsers: IE, FireFox, Chrome, Safari, Opera, Netscape, Mozilla.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This useful form script automatically saves the contents of a form periodically as the user types and recalls them in the event of an accidental page refresh or even browser closing. Similar to how GMail automatically saves the contents of your draft email, it's an excellent feature to add to forms that expect a lot of content and where losing them can cause a lot of grief for the user filling the form out.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

QTYBox is an input field modifier, to incrase and decrase the contained number in the input field. It's useful for webshop's product pages, where the customer easier set up the quantity of the products, without using keyboard. The script insert an up and down control buttons after/before the inputbox, and if it was clicked they incrase or decrase the number in the inputbox. ... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This class can style form inputs using images. It takes the identifier of a form input and apply certain style parameters depending on the type of form input. The object can perform several types of adjustments to the images, like adjusting it to the size of the input, adjust the input inner elements, etc.. The images may be taken from sprites that contain multiple images.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

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 uninterrupted loading of the webpage). Or it can allow you to preload the dictionary of words as soon as the webpage is loading. ... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

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)

• MORE DETAILS
• VISIT PUBLISHER SITE

This script creates a function that helps you validate input data that requires numeric or money values. The script's main 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)

• MORE DETAILS
• VISIT PUBLISHER SITE

My first test with Javascript. The script allows you to submit a vote, and it page updates automatically. You can add or subtract the number of votes that are given to you.

• MORE DETAILS
• VISIT PUBLISHER SITE

Hidden Fields allow you to send additional information with a submitted form that don't necessarily require a user to "fill them out." Sometimes it will be necessary to add a hidden field add runtime.

• MORE DETAILS
• VISIT PUBLISHER SITE

The code below demonstrates how to validate an email address with JavaScript

• MORE DETAILS
• VISIT PUBLISHER SITE

Password Srength Meter is a JavaScript password strength checker based on MooTools 1.3. It aims to provide simple, reliable password strength indications across all browsers in an unobtrusive manner. It is 100% styled by CSS and allows for custom validations. It can be used with effects or without and has an optional text component that changes with each change of state.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Word Count is a JavaScript word and character counter based on MooTools 1.3. It can count static text or text being entered into a form element, as it's being typed. It's simple to use and has been tested in IE6+, Firefox, Chrome, Opera, and Safari.