Archive for the ‘Forms’ Category

Creating a well-functioning form, how simple or complicated it is, requires a serious effort as it has various ingredients including (cross-browser) design, validation, and usability.

jFormer, a form framework built on top of jQuery brings a complete, easy-to-use and solid solution to handling them.

jFormer - jQuery Form Framework

It enables us to build forms which are validated on client-side and server-side (PHP solution is included) with Ajax requests where users are notified in a very chic way with tooltips and CSS-styling on every level.

The framework has advanced features like cloning forms and/or form fields, dividing a form into pages, creating dependencies and much more.

Default styles for every part of a form is already included and they can be customized/improved further quickly with CSS.

Naked Password is a jQuery plugin which helps encouraging web users to enter stronger passwords, in a fun way.

With a single-line-function, it adds a notification to any password field where a pixelated-lady gets naked according to the password entered.

Naked Password jQuery Plugin

A very good thing about how the plugin functions is that it doesn't require that much of an extra space to notify users. So, it can fit to many live forms without breaking anything.

Also, the images displayed can be changed with any others if you prefer to keep the site not-naked : ). is a free web application which enables anyone to design forms online and get the source files (HTML/CSS/JS/PHP).

Without the need of a registration process, you can instantly start setting up a form with:

  • any form field (including file uploads)
  • tooltips for every item
  • validation rules (with regex support)

Besides standard form items, captcha (re-captcha) can also be added for minimizing spam.

Every data submitted is kept in a PHP flatfile database engine and with a password login you'll be able to (the script is provided with the download of the designed form):

  • browse the records entered
  • exporting them into a CSV or Excel file

Also, optionally, you can get notified via e-mail every time a new entry is submitted. has built-in support for multilanguage forms and there are many features offered for more flexible outputs.

  • Tags:
  • Filed under: Forms, Goodies, Other License
  • jQuery.validVal is plugin for the popular JS framework which aims to simplify form validation.

    It can be used for validating any kind of HTML form (including Ajaxed ones) and works by defining the rules within class names.

    jQuery validVal

    There are 3 default validations included ("required", "numeric" and "email-format") and new ones can be included by defining new regular expressions.

    A very nice built-in invalid handler helps calling-to-action on invalid fields and its behaviours can be quickly changed or improved.

    Sometimes, a static form is not enough as we may want to make it possible for user to define a flexible number of addresses, phones, e-mails, etc.

    This is where SheepIt!, a jQuery plugin comes in. It allows cloning form fields dynamically where end-users can easily decide to insert a new field (or remove a manually inserted one).

    Multiple form elements can be added at the same time and there are callbacks provided for each events (before/after the insertion of elements).

    SheepIt! jQuery Plugin