The jqxValidator does not work in jqxWindow.
How do I use jqxValidator in jqxWindow?
For example,
1. Set jqxValidator on screen A. (At this time, “validate” works.)
2. Transit to Screen B with “routerLink”.
3. Move to screen A with “routerLink”. (At this time, “validate” does not work.)
~~~ template code. ~~~
<jqxWindow [isModal]="true">
<div>TEST</div>
<div>
<jqxValidator #testValidator (onValidationSuccess)="onSuccess();" [rules]="testRules">
<form id="testForm">
<jqxInput #testText id="testText"></jqxInput>
<jqxButton (onClick)="validate()">Validate</jqxButton>
</form>
</jqxValidator>
</div>
</jqxWindow>
~~~ typescript code. ~~~
@ViewChild('testValidator', { static: false }) testValidator: jqxValidatorComponent;
testRules = [
{ input: '#testText', message: 'ERROR!!', action: 'keyup, blur', rule: 'required' }
];
onSuccess() {
console.log("Success!!");
}
validate() {
this.testValidator.validate();
}
