3.4. Validators

The validators will check the validity of the components.
The validator will return a boolean value, true for valid and false for invalid.
The validator service will use the validators to validate the controls.

Specification

The validator should be registered in the validator service.

export class ValidatorService {
    private validators: Array<Validator> = [
        new RequiredValidator("required")
    ];
}

The validators should inherit from the Validator class.

export abstract class Validator {
    constructor(public name: string) { }
    abstract validate(context: Context, control: Control, config: any): boolean;

    setError(control: Control, error: boolean, message?: string) {
        control.error = error;
        control.errorMessage = error ? message : null;

        if(control.el) {
            control.el.setAttribute("error", control.error ? "true" : "false");
            control.el.setAttribute("errorMessage", control.errorMessage);
        }

        if(control.el.nextSibling["attributes"]["wf-error"])
            control.el.nextSibling.textContent = control.errorMessage;
    }
}

Validators

Validator	Description
3.4.1. Required	This validator will test if the control has a value.
3.4.2. Regex	This validator will validate the control value against a regular expression.
3.4.3. Range	This validator will test if the control value falls in a range.
3.4.4. Custom	A custom validator will test if the control value is valid.