Wijmo UI for the Web
wijinputmask jQuery Widget
Create input boxes to collect information from your users securely with masking characters or with visual cues about the type of data to input.
Syntax
Javascript (Usage) 
$(function () {
    var options; // Type:  wijmo.input.wijinputmask.options
     
    $(".selector").wijinputmask(options);
});
Javascript (Specification) 
function wijinputmask() : any;
Browser Compatibility
7
5
5
Options
 NameDescription
public OptionallowPromptAsInput

Default value: false

Indicates whether promptChar can be entered as valid data by the user.

 
public OptionallowSpinLoop

Default value: false

Determines whether the spin behavior can wrap when reaching a maximum or minimum limit.

 
public OptionautoConvert

Default value: true

Gets whether the control automatically converts to the proper format according to the format setting.

 
public OptionblurOnLastChar

Default value: false

Determines whether or not the next control in the tab order receives the focus as soon as the control is filled at the last character.

 
public OptionblurOnLeftRightKey

Default value: 'none'

Determines whether the focus automatically moves to the next or previous tab ordering control when pressing the left, right arrow keys. Possible values are "none", "left", "right", "both". The default value is "none".

 
public Optionculture

Default value: ""

Determines the culture used to show values in the wijinputdate widget.

 
public OptiondropDownButtonAlign

Default value: 'right'

Determines the side, left or right, where the dropdown button appear. Possible values are: 'left', 'right'

 
public OptionhideEnter

Default value: false

If true, then the browser response is disabled when the ENTER key is pressed.

 
public OptionhidePromptOnLeave

Default value: false

Indicates whether the prompt characters in the input mask are hidden when the input loses focus.

 
public OptionimeMode

Default value: 'auto'

Determines the input method setting of widget. Possible values are: 'auto', 'active', 'inactive', 'disabled'

 
public OptioninvalidClass

The CSS class applied to the widget when an invalid value is entered.

 
public OptionmaskFormat

Default value: ""

Determines the input mask to use at run time.

 
public OptionpasswordChar

Default value: ""

Determines the character to be substituted for the actual input characters.

 
public Optionpickers

Type: wijmo.input.PickerClass

An object contains the settings for the dropdown list.

 
public Optionplaceholder

Determines the text displayed when the widget is blank and contains no initial text.

 
public OptionpromptChar

Default value: '_'

Determines the character that appears when the widget has focus but no input has been entered.

 
public Optionreadonly

Default value: false

Determines whether a user can enter a value in the wijinput widget. If readonly is true, user can't input value to the wijinput widget.

 
public OptionresetOnPrompt

Default value: true

Determines how an input character that matches the prompt character should be handled.

 
public OptionresetOnSpace

Default value: true

Determines how a space input character should be handled.

 
public OptionshowDropDownButton

Default value: false

Determines whether dropdown button is displayed.

 
public OptionshowSpinner

Default value: false

Determines whether spinner button is displayed.

 
public OptionskipLiterals

Default value: true

Indicates whether the user is allowed to re-enter literal values.

 
public OptionspinnerAlign

Default value: 'verticalRight'

Determines the side, left or right, where the spinner button appear. Possible values are: 'vertialLeft', 'verticalRight', 'horizontalDownLeft', 'horizontalUpLeft'. The default value is 'verticalRight'.

 
public OptiontabAction

Default value: 'control'

Determines whether the focus will move to the next filed or the next control when press the tab key. Possible values are "control", "field".

 
public Optiontext

Default value: null

Determines the default text.

 
Top
Methods
 NameDescription
public MethoddestroyDestroy the widget.  
public MethoddropOpen the dropdown list.  
public MethodfocusSet the focus to the widget.  
public MethodgetPostValueGets the text value when the container form is posted back to server.  
public MethodgetTextGets the text displayed in the input box.  
public MethodisDestroyedGet a bool value indicates that whether the widget has been destroyed.  
public MethodisFocusedDetermines whether the widget has the focus.  
public MethodselectTextSelects a range of text in the widget.  
public MethodsetTextSets the text displayed in the input box.  
public MethodwidgetGets element this widget is associated.  
Top
Events
 NameDescription
public EventdropDownButtonMouseDownThe dropdownButtonMouseDown event handler. A function called when the mouse is pressed down on the dropdown button.  
public EventdropDownButtonMouseUpThe dropdownButtonMouseUp event handler. A function called when the mouse is released on the dropdown button.  
public EventdropDownCloseThe dropdownClose event handler. A function called before the widget's dropdown closed.  
public EventdropDownOpenThe dropdownOpen event handler. A function called before the widget's dropdown opened.  
public EventinitializedThe initialized event handler. A function called after the widget is initialized.  
public EventinitializingThe initializing event handler. A function called before the widget is initialized.  
public EventinvalidInputThe invalidInput event handler. A function called when invalid charactor is typed.  
public EventtextChangedFired when the widget text is changed.  
Top

See Also

Widgets

InputMask

Reference

wijinputmask jQuery Widget

 

 


© 2013 All Rights Reserved.

Send comments on this topic.