Tag Archive: 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

Simplify AJAX with AjaxML

on April 24, 2012 in AJAX, Development

AjaxML is a jQuery plugin that makes it super simple to create ajax requests by reducing the amount of code that has to be written.

Much of the code is written as an extension to HTML by adding new attributes to elements but because of this, if your using strict xhtml, your pages are not going to validate to w3c guidelines.

The plugin has many features including:

  • events for starting, during and a successful completion of a request as well as error handling
  • various methods of inserting into a target element such as before, after, replace and into
  • passing parameters
  • ability to process requests on all types of form controls including file uploads
  • form validation to prevent the form from being submitted
  • putting each request in to the browser history

Currently, only html can be returned in the request, but development is currently being done to also return json and xml.

Simplify AJAX with AjaxML

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