Mask


 

type: widget

release: 0.0

status: in development on ice

documentation: N/A

demo: http://view.jqueryui.com/mask/tests/visual/mask/mask.html

 

TODOs


 

1 - Description:

 

The mask plugin shows the user the format to enter data in the field as they enter it. For example, if a phone number is entered in three parts, the three parts are rendered in a single input and as the user enters each part the plugin handles the spacing, which can be much preferred over having three separate inputs and a plugin automatically tabbing from one to the next as each is filled in.

 

Existing plugins

 

 

Alternative approaches:


 

2 - Visual Design:

 

 


3 - Functional Specifications/Requirements:

 

 

Options: 

Methods: 

Events: 

 

 


 

4 - Markup & Style:

 

     4.1 Initial markup examples

 

     No HTML or markup is written or appended to the page. The plugin modifies the value of the targeted input, or html of the targeted element.

 

     4.2 Recommended transformed HTML markup

 

     No HTML or markup is written or appended to the page. The plugin modifies the value of the targeted input, or html of the targeted element.

 

     4.3 Accessibility recommendation

 

    (Detailed recommendations for ARIA, HTML markup, CSS and javascript that will contribute to universal access and full section 508 accessibility for screen readers, mobile devices and any other devices) 

 

     4.4 CSS & Theme

 

     The class "ui-mask" will be added to elements which this plugin is applied to. The class will be removed when the plugin is destroyed.

 


 

5 - Latest version of plugin:

http://view.jqueryui.com/mask/tests/visual/mask/mask.html

 


 

6 - Open issues being discussed

 

 

Suggested improvements:

 

 

Not that important for now: