Difference between revisions of "JqxValidator"

From NSB App Studio
Jump to navigation Jump to search
(Created page with "File:Jqxvalidator.png == Description == jqxValidator can check the fields on a form. jqWidgets is a commercial product, which depending on how you use it, requires a...")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
[[File:Jqxvalidator.png]]  
 
[[File:Jqxvalidator.png]]  
 
== Description ==  
 
== Description ==  
jqxValidator can check the fields on a form.
+
jqxValidator can check the fields on a form. It should be the bottom item in the Project Explorer, so it can check all the controls above it.
  
 
jqWidgets is a commercial product, which depending on how you use it, requires a license fee.
 
jqWidgets is a commercial product, which depending on how you use it, requires a license fee.
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/jqxvalidator/index.htm?(arctic)#demos/jqxvalidator/defaultfunctionality.htm
 
  
 
{| class='wikitable'
 
{| class='wikitable'
Line 26: Line 25:
 
|-
 
|-
 
| position || Sets the default position of the hints.
 
| position || Sets the default position of the hints.
|}  
+
|}
== Example (Basic) ==
 
  
<pre>
+
== Example ==
Function Button1_onclick()
 
  $("#Validator1").jqxValidator("validate")
 
End Function
 
</pre>
 
  
== Example (JavaScript) ==
+
<tabber>
<pre>
+
JavaScript=
 +
<syntaxhighlight lang="JavaScript">
 
Button1.onclick = function() {
 
Button1.onclick = function() {
 
     $("#Validator1").jqxValidator("validate");
 
     $("#Validator1").jqxValidator("validate");
 
}
 
}
</pre>
+
</syntaxhighlight>
 +
|-|
 +
BASIC=
 +
<syntaxhighlight lang="vb.net">
 +
Function Button1_onclick()
 +
  $("#Validator1").jqxValidator("validate")
 +
End Function
 +
</syntaxhighlight>
 +
</tabber>
  
 
== Output ==
 
== Output ==

Latest revision as of 22:01, 24 July 2019

Jqxvalidator.png

Description

jqxValidator can check the fields on a form. It should be the bottom item in the Project Explorer, so it can check all the controls above it.

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/.

animation Sets the animation type of hiding hints.
arrow Sets whether the arrow of the hints will be shown.
closeOnClick Sets whether the hints will be closed when the user clicks on them.
focus Sets whether the jqxValidator will focus the first invalid input
onvalidationError This is triggered when the form is validated with some errors.
onvalidationSuccess This is triggered when the form is validated successfully.
position Sets the default position of the hints.

Example

Button1.onclick = function() {
    $("#Validator1").jqxValidator("validate");
}

Function Button1_onclick()
  $("#Validator1").jqxValidator("validate")
End Function

Output

See above.