Validator Javascript API

actionstring

A comma-separated list of events to validate the input(s) on.

 const validator = document.querySelector('smartValidator');

 let action = validator.rules[0].action;

comparisonTarget{ (inputElement: any, rule: ValidatorRule): any }

A callback function whose result to compare to the input value by the comparisonType in order to show the validation message. Applicable when type is 'compare'.

 const validator = document.querySelector('smartValidator');

 let comparisonTarget = validator.rules[0].comparisonTarget;

comparisonTypestring

An operator to compare the input value by with the result of comparisonTarget in order to show the validation message. Applicable when type is 'compare'.

 const validator = document.querySelector('smartValidator');

 let comparisonType = validator.rules[0].comparisonType;

inputstring

A valid CSS selector of the input(s) to validate.

 const validator = document.querySelector('smartValidator');

 let input = validator.rules[0].input;

maxnumber | Date

The max value of an input when the rule type is 'stringLength' or the max number of characters in the input's value when the rule type is 'range'.

 const validator = document.querySelector('smartValidator');

 let max = validator.rules[0].max;

messagestring

A message to display on focus of the input and in the validation summary if the input's value is not valid.

 const validator = document.querySelector('smartValidator');

 let message = validator.rules[0].message;

minnumber | Date

The min value of an input when the rule type is 'stringLength' or the min number of characters in the input's value when the rule type is 'range'.

 const validator = document.querySelector('smartValidator');

 let min = validator.rules[0].min;

patternRegExp

A regular expression the input's value must match when the rule type is 'pattern'.

 const validator = document.querySelector('smartValidator');

 let pattern = validator.rules[0].pattern;

type"compare" | "custom" | "email" | "notNumber" | "numeric" | "pattern" | "phone" | "range" | "required" | "startWithLetter" | "stringLength" | "zipCode"

The type of validation the rule makes.

Allowed Values

• "compare" - The comparison of the input's value and the result of the rule's comparisonTarget by the rule's comparisonType must return true.
• "custom" - The input's value is validated in the rule's validationCallback function.
• "email" - The input's value must be a valid email.
• "notNumber" - The input's value must not be a number.
• "numeric" - The input's value must be a number.
• "pattern" - The input's value must match the rugular expression provided by the rule's pattern.
• "phone" - The input's value must be a valid phone number.
• "range" - The input's value must be between the values of the rule's min and max.
• "required" - The input is required to have a non-empty value.
• "startWithLetter" - The input's value must start with a letter.
• "stringLength" - The number of characters in the input's value must be between the values of the rule's min and max.
• "zipCode" - The input's value must be a valid ZIP Code.

 const validator = document.querySelector('smartValidator');

 let type = validator.rules[0].type;

validationCallback{ (inputElement: any): boolean }

A callback function to validate the input's value by when the rule's type is 'custom'.

 const validator = document.querySelector('smartValidator');

 let validationCallback = validator.rules[0].validationCallback;

 <smartValidator rules=''></smartValidator>

 const validator = document.querySelector('smartValidator');

 validator.rules = ;

 const validator = document.querySelector('smartValidator');

 let rules = validator.rules;