Properties

disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input disabled="true"></jqx-masked-input>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input height="25"></jqx-masked-input>
mask string '#####'

Sets or gets the mask property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input mask="###-##-####"></jqx-masked-input>
promptChar string "_"

Sets or gets the promptChar property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input prompt-char="#"></jqx-masked-input>
readOnly bool false

Sets or gets the readOnly property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input read-only="true"></jqx-masked-input>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input rtl="true"></jqx-masked-input>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input theme="energyblue"></jqx-masked-input>
textAlign string left

Sets or gets the textAlign property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input text-align="right"></jqx-masked-input>
value string null

Sets or gets the value property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input value="300"></jqx-masked-input>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input width="250"></jqx-masked-input>

Events

change Event

Code examples

Bind to the change event of jqxMaskedInput. 

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input on-change="eventHandler()"></jqx-masked-input>
   
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
valueChanged Event

Code examples

Bind to the valueChanged event of jqxMaskedInput. 

<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input on-value-changed="eventHandler()"></jqx-masked-input>
   
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

clear Method 
<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input instance="getInstance()"></jqx-masked-input>
   
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["clear"]();									
	}									
</script>									
}
destroy Method 
<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input instance="getInstance()"></jqx-masked-input>
   
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
focus Method 
<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input instance="getInstance()"></jqx-masked-input>
   
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}
val Method 
<script src="~/jqwidgets/jqxmaskedinput.js"></script>
<jqx-masked-input instance="getInstance()"></jqx-masked-input>
   
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}