ClearAll.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);
}
JqxMaskedInput: Difference between revisions
Jump to navigation
Jump to search
(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,...") |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 8: | Line 8: | ||
== Properties and Methods == | == Properties and Methods == | ||
This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/. | |||
http://www.jqwidgets.com/jquery-widgets- | |||
{| 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 == | |||
<tabber> | |||
< | JavaScript= | ||
<syntaxhighlight lang="JavaScript"> | |||
ClearAll.onclick = function() { | |||
$("#MaskedInput1").jqxMaskedInput("clearValue"); | $("#MaskedInput1").jqxMaskedInput("clearValue"); | ||
$("#MaskedInput2").jqxMaskedInput("clearValue"); | $("#MaskedInput2").jqxMaskedInput("clearValue"); | ||
Line 62: | Line 49: | ||
NSB.MsgBox("new value of Numeric is " + MaskedInput1.value); | NSB.MsgBox("new value of Numeric is " + MaskedInput1.value); | ||
} | } | ||
</ | </syntaxhighlight> | ||
|-| | |||
BASIC= | |||
<syntaxhighlight lang="vb.net"> | |||
Function ClearAll_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 | |||
</syntaxhighlight> | |||
</tabber> | |||
== Output == | == Output == |
Latest revision as of 16:33, 24 July 2019
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
This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
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
Function ClearAll_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
Output
See above.