Category: Forms

Check Mis-Spellings in Email Form Fields

on May 15, 2012 in Development, Forms

Mailcheck.js is a jQuery plugin that checks the spellings of domain names when entered in a form field and suggests the correct spelling if spelled incorrectly.

By default, it will check the most common domain names used for email such as gmail and hotmail but it is also possible to pass your own list as an option.

There are two callbacks, suggested and empty. Suggested is called when there is a suggestion and Empty is called when there are no suggestions.

Check Mis-Spellings in Email Form Fields

Sisyphus – Autosave Forms with Local Storage

on May 7, 2012 in Development, Forms

Sisyphus is a lightweight(4.5 kb) jQuery plugin that uses local storage to auto save forms and prevents data that has not been submitted from being lost in the event of a power failure or a browser crash.

Optionally, the plugin allows you to customise how frequently the form is saved and to specify any fields excluded from saving.

There are also three callback functions that allow you to perform your own operations when a form is saved, a form is restored and when the form is freed of previously stored data.

Sisyphus - Autosave Forms with Local Storage

jQuery UI Virtual Keyboard

on April 16, 2012 in Development, Forms

Virtual Keyboard is a jQuery UI plugin that is packed with features, compatible with theme roller, works with jQuery mobile and would ideal for use in a touch screen kiosk.

It supports many keyboard layouts including qwerty, alphabetic, numeric, Dvorak, regional layouts or any other custom layout. The entire keyboard can be easily customised with CSS.

It features ARIA support, an auto-complete extension, placeholder support and built-in validation. It can even be used as a calculator.

There are far too many features to list but thankfully the documentation is extremely in-depth with example layouts and demo’s, a guide to theming and example code for the options, callbacks, events and methods.

jQuery UI Virtual Keyboard

Filtrify – Tag Filtering jQuery Plugin

on April 3, 2012 in Development, Forms

Filtrify is a jQuery plugin that displays a drop down selection menu (or multiple menu’s from different categories) with a list of tags that filter items based on the HTML5 data attribute.

The tags in the menu are automatically populated from the data provided in the items data attribute and are grouped by category. For example:  <li data-genre="pop, rock, british, classic rock, The Beatles"></li>

The plugin has some useful options where you can choose not to hide selected items by default and do other things like apply different CSS instead. Also, if you are already using the data attribute in the HTML, you can choose to block some metadata so that it is not recognised as a category.

Filtrify - Tag Filtering jQuery Plugin

jQuery Credit Card Validation Plugin

on March 14, 2012 in Development, Forms

jQuery Credit Card Validator is a plugin to validate card numbers by card type, number length and luhn checksum.

It works by testing these three parameters and returning them as an object on each key-press event.

The following card types are supported:

  • American Express
  • Diners Club Carte Blanche
  • Diners Club International
  • Diners Club United States & Canada
  • Discover Card
  • JCB
  • Laser
  • Maestro
  • MasterCard
  • Visa
  • Visa Electron

jQuery Credit Card Validation Plugin