-
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.
-
This script uses regular expressions to check that a form field contains a
valid email address.
-
"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.
-
-User Submitted06/15/2013
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.
-
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.
-
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.
-
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 bar06/15/2013 on the remaining
characters beneath it.
-
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.
-
-
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.
-
This script makes it easy for
users to select and copy to clipboard the contents of a form element, such as
an INPUT type or textarea element, with a click of the mouse.
-
This is a lightweight opt-in box that expands into view to cover the whole
screen when activated. It contains a mockup form that animates into view to
grab user attention and effectively capture a user's email address.
-
Blossom is an attention grabbing feature box that conditionally pops up at
the center of the user's screen once per browser session or user defined
duration. It can be used as the classic opt-in box or simply to display
certain content prominently.
-
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.
-
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.
-
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!
-
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.
-
Use this practical script to prevent users from abusing the submit button of your
forms!
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
Form Effects
"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.
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.
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 bar06/15/2013 on the remaining characters beneath it.
This script makes it easy for users to select and copy to clipboard the contents of a form element, such as an INPUT type or textarea element, with a click of the mouse.
This is a lightweight opt-in box that expands into view to cover the whole screen when activated. It contains a mockup form that animates into view to grab user attention and effectively capture a user's email address.
Blossom is an attention grabbing feature box that conditionally pops up at the center of the user's screen once per browser session or user defined duration. It can be used as the classic opt-in box or simply to display certain content prominently.
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.
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.
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.
