Typecast 1.4 (release)

The Input Field Augmentation Library

Demo

Config

Note: the Config panel is here only to allow real time tweaking of the settings and isn't actually part of the library and is therefore not unobtrusive.

Suggest & Auto-Complete Config

isCaseSensitive

MatchFromStart
("True" triggers Auto-Complete)

ResultLimit

Mask

AllowInsert

Typecast Test

Suggest & Auto-Complete

First Name:

Last Name:

Country:

Default Dict.:

Realtime Masking

Phone:

Fax:

Date of birth:

Credit Card:

Credit Card 2:

Postal Code:

This demo shows off the Suggest/Auto-Complete and Realtime Masking funcitonalities.

Suggest/Auto-Complete

Typing in the fields below will yield suggestions coming from local dicitonaries that are defined for each field. The third field's dictionary is actually the default dictionary since there isn't an id/dictionary match. Suggest currently supports most standard keypresses (up, down, tab, enter, esc, etc...) as well as the mouse.

Realtime Masking

With realtime masking you're able to apply a mask to the standard HTML input field. You are currently able to limit a character to either numeric(0-9) or alpha(a-z).

Source

View source: typecast.js, typecast.config.js, typecast.css

This work is licensed under a Creative Commons Licence.