New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Partners
Sweet Ads

Form Effects

Email Riddler
Email Riddler is an online tool that encrypts and transform your email address into a series of numbers when displaying it, making it virtually impossible for spam harvesters to crawl and add your email to their list.

Email Validation script FF1+ IE5+ Opr7+
This script uses regular expressions to check that a form field contains a valid email address.

Show Hint script FF1+ IE5+ Opr7+
"Show Hint" script displays an attractive hint box containing additional explanation on any item on your page. A hint box pops up next to the item when the mouse moves over it with relevant hints or useful information, such as alongside certain form fields instructing the user how to fill each one out.
Also Listed in Links & Tooltips.

Required field(s) validation FF1+ IE5+ Opr7+
-User Submitted
One of the most popular form validation tasks is to check that important fields within a form have been filled out by the user. This is a generic script that will do just that, by verifying that mandatory fields are filled in before form submission.

Textarea maxlength script FF1+ IE5+
This is a simple but effective script for extending your textarea with a maxlength attribute, so the user's input cannot exceed a certain number of characters. Works with any number of textareas on the page.

Form field Limiter FF1+ IE5+ Opr7+
Want to limit the amount of text a user can enter in particular INPUT type="text" or TEXTAREA elements? Well, this script enables not only that, but displays in real time the number of characters remaining. A callback function enables you to define your own actions when the field limit has been reached, such as apply a red border around the field in question.

Form field Progress Bar FF1+ IE5+ Opr7+
-User Submitted

Similar in function to Form Field Limiter above, this script allows you to restrict the number of characters inside a form element (ie: textarea) while displaying a progress bar on the remaining characters beneath it.

Chained Selects FF1+ IE5+ Opr7+
-User Submitted
Chained Selects allows you to "chain" any number of selection lists together in an interdependent manner, creating a multi-level form menu! The script supports unlimited number of "levels", and for each page, unlimited number of separate chained Selects.

Form Dependency Manager FF1+ IE5+ Opr7+
-User Submitted
This is a form dependency script for shuttling the display of fields within a complex form, where the visibility of a form field should depend on the value and/or state of another.

openWYSIWYG 1.01b FF1+ IE5+
-User Submitted
openWYSIWYG is highly robust and attractive WYSIWYG editor that replaces the plain <textarea>s in your forms. Cross browser friendly and open source, so you can freely include it in your commercial apps.

Rich text editor (for textareas) FF1+ IE5+
-User Submitted
Replace a form's textarea field(s) with a custom one that supports WYSIWYG formatting with this Rich Text Editor script. It allows the user to easily format the entered content, such as make it bold, change its size, colors etc.

Disable "Enter" key in form script FF1+ IE5+ Opr7+
-User Submitted
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. Very useful.

Select (and copy) form element script FF1+ IE5+ Opr7+
Allow your surfers to easily select AND copy to clipboard the contents of your form elements with this script.

Auto Save Form Value script FF3.5+ IE9+ Opr11+
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.

Recall Form values script FF1+ IE5+ Opr7+
This script remembers the value entered into any form textbox (<input type='text") by the visitor, and upon his/her return, preloads the textbox with that value.

Recall Form values script II FF1+ IE5+ Opr7+
You've probably seen this feature inside the comment forms of blogs, where a checkbox lets you specify whether to remember the values of certain text fields and recall them later. Well, this script adds such a feature to any form!

jQuery Form to Form Wizard FF1+ IE6+ Opr8+
This powerful jQuery script turns a FORM into a multi-step FORM wizard! Simply group logical elements within your FORM by surrounding them with the FIELDSET element, and the script does the rest in creating a new page for each group, plus the appropriate "Steps" text and pagination links above and below the form.

Submit Once! form validation FF1+ IE5+ Opr7+
Use this practical script to prevent users from abusing the submit button of your forms!

"Accept terms" form submission FF1+ IE5+ Opr7+
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 until he/she checks a box indicating compliance.

Highlight form element script FF1+ IE5+ Opr7+
Increase the "intuitiveness" of filling out forms on your site with this script. It applies coloring to the form element in focus, better indicating which one the user is currently on.

Flashing form element FF1+ IE5+ Opr7+
Use this DHTML script to make certain form elements flash with glee. It's a great way to draw attention to "important" fields, such as the submit button, etc.

Popup Calendars (for entering date into a form):

Popup Calendar FF1+ IE5+ Opr7+
-User submitted
Does your form contain INPUT box(es) that require a date value from the visitor? Sev's Popup Calendar script allows for a visual, interactive way of selecting and inputting this date. Click on a link, and a DHTML calendar drops down, allowing the user to click the desired date to enter into form element.

Xin's Popup Calendar FF1+ IE5+ Opr7+
-User submitted
Similar to the above script, Xin's Popup Calendar makes inputting dates into forms as easy as point-and-click. Your user simply selects the date from a popup-window calendar, and it's automatically entered into the designated form field.