JqxMaskedInput - Revision history

Ghenne at 16:33, 24 July 2019

2019-07-24T16:33:39Z

@@ Line 33: / Line 33: @@
 |}
-== Example (Basic) ==
+== Example ==
-<pre>
+<tabber>
 Function ClearAll_onclick()
    $("#MaskedInput1").jqxMaskedInput("clearValue")
@@ Line 47: / Line 64: @@
    MsgBox "new value of Numeric is " & MaskedInput1.value
 End Function
-</pre>
+</syntaxhighlight>
+</tabber>
 == Output ==

Ghenne: /* Properties and Methods */

2016-04-07T17:17:52Z

Properties and Methods

← Older revision		Revision as of 17:17, 7 April 2016
Line 8:		Line 8:
	== Properties and Methods ==		== Properties and Methods ==

	~~See~~ the ~~complete documentation at~~ jqWidget's ~~site~~:		This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
	http://www.jqwidgets.com/jquery-widgets-~~demo/demos/jqxmaskedinput~~/~~index~~.~~htm?(arctic)~~

	{\| class='wikitable'		{\| class='wikitable'
Line 32:		Line 31:
	\|-		\|-
	\| value \|\| Sets or gets the masked input's value.		\| value \|\| Sets or gets the masked input's value.
	\|}		\|}

	== Example (Basic) ==		== Example (Basic) ==

Ghenne: /* Example (JavaScript) */

2015-04-12T18:12:55Z

Example (JavaScript)

← Older revision		Revision as of 18:12, 12 April 2015
Line 51:		Line 51:
	== Example (JavaScript) ==		== Example (JavaScript) ==
	<pre>		<pre>
	~~Button1~~.onclick = function() {		ClearAll.onclick = function() {
	$("#MaskedInput1").jqxMaskedInput("clearValue");		$("#MaskedInput1").jqxMaskedInput("clearValue");
	$("#MaskedInput2").jqxMaskedInput("clearValue");		$("#MaskedInput2").jqxMaskedInput("clearValue");

Ghenne: /* Example (Basic) */

2015-04-12T18:12:41Z

Example (Basic)

← Older revision		Revision as of 18:12, 12 April 2015
Line 36:		Line 36:

	<pre>		<pre>
	Function ~~Button1_onclick~~()		Function ClearAll_onclick()
	$("#MaskedInput1").jqxMaskedInput("clearValue")		$("#MaskedInput1").jqxMaskedInput("clearValue")
	$("#MaskedInput2").jqxMaskedInput("clearValue")		$("#MaskedInput2").jqxMaskedInput("clearValue")

Ghenne: Created page with "File:Jqxmaskedinput.png == Description == The jqxMaskedInput widget uses a mask to distinguish between proper and improper user input. You can define phone number, ssn,..."

2015-04-12T18:12:05Z

Created page with "File:Jqxmaskedinput.png == Description == The jqxMaskedInput widget uses a mask to distinguish between proper and improper user input. You can define phone number, ssn,..."

New page

[[File:Jqxmaskedinput.png]]
== Description ==
The jqxMaskedInput widget uses a mask to distinguish between proper and improper user input. You can define phone number, ssn, zip code, dates, etc. masks by setting the jqxMaskedInput mask property.

jqWidgets is a commercial product, which depending on how you use it, requires a license fee.
Complete details are on jqWidget's website. The product is well supported.

== Properties and Methods ==

See the complete documentation at jqWidget's site:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxmaskedinput/index.htm?(arctic)

{| class='wikitable'
|-
| mask || Sets or gets the masked input's mask. See jqWidgets docs for complete options.
|-
| name || Key in submitted form
|-
| onchange || This event is triggered when the value is changed and the control's focus is lost.
|-
| promptChar || Sets or gets the prompt char displayed when an editable char is empty.
|-
| readOnly || Sets or gets the readOnly state of the input.
|-
| textAlign || Sets or gets the text alignment.
|-
| validatorAction || Events to test rules after
|-
| validatorMessage || Message if rule does not work. One per line. Must be same number of lines as validatorRule property.
|-
| validatorRule || Rule: required, number, notNumber, ssn, email, phone, zipCode, maxlength=12, minLength=3, length=3,12. See jqWidgets docs for full info. One per line. Must be same number of lines as validatorMessage property.
|-
| value || Sets or gets the masked input's value.
|}
== Example (Basic) ==

<pre>
Function Button1_onclick()
$("#MaskedInput1").jqxMaskedInput("clearValue")
$("#MaskedInput2").jqxMaskedInput("clearValue")
$("#MaskedInput3").jqxMaskedInput("clearValue")
$("#MaskedInput4").jqxMaskedInput("clearValue")
$("#MaskedInput5").jqxMaskedInput("clearValue")
End Function

Function MaskedInput1_onchange()
MsgBox "new value of Numeric is " & MaskedInput1.value
End Function
</pre>

== Example (JavaScript) ==
<pre>
Button1.onclick = function() {
$("#MaskedInput1").jqxMaskedInput("clearValue");
$("#MaskedInput2").jqxMaskedInput("clearValue");
$("#MaskedInput3").jqxMaskedInput("clearValue");
$("#MaskedInput4").jqxMaskedInput("clearValue");
$("#MaskedInput5").jqxMaskedInput("clearValue");
}

MaskedInput1.onchange = function() {
NSB.MsgBox("new value of Numeric is " + MaskedInput1.value);
}
</pre>

== Output ==

See above.

[[Category:Language Reference]]

[[Category:jqWidgets]]

[[Category:Controls]]