> For the complete documentation index, see [llms.txt](https://docs.gapvelocity.ai/webmap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gapvelocity.ai/webmap/general/frontend/documentation/webforms-angular-components/web-components/kendoui-components/customvalidator.md).

# CustomValidator

Adds support for \[System.Web.UI.WebControls.CustomValidator] [<mark style="color:orange;">https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.customvalidator?view=netframework-4.8</mark>](https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.customvalidator?view=netframework-4.8)

Allows to perform a validation over control from a validation defined by the user.

### **Implementation Details:**

**Component Selector:** ‘wm-custom-validator’

**Kendo UI Component:** <mark style="color:orange;">N/A</mark>

## **Class inheritance**

CustomValidatorComponent extends [<mark style="color:orange;">BaseValidatorComponent</mark>](/webmap/general/frontend/documentation/webforms-angular-components/web-components/base-components/basevalidator-component.md)

## **PME Support**

### **Properties**

| **Property**                    | **Get/Set** | **Details**                                                                                                                      |
| ------------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------- |
| ControlToValidate: string       | Yes         | ID of control to validate                                                                                                        |
| clientValidationFunction:string | Yes         | Custom client validation function.                                                                                               |
| ErrorMessage:string             | Yes         | Message showed in validator if result of custom setup function is false and text property is empty                               |
| Text:string                     | Yes         | Message showed in validator if result of comparation is not true                                                                 |
| Display:ValidatorDisplay        | Yes         | Enum property with options Static, None, Dynamic                                                                                 |
| ValidationGroup:string          | Yes         | If is established the name of the validationgroup component only will validate controls with the same validationgroup associated |
| Hidden:boolean                  | Yes         | Establishes if the validator shows or is hides                                                                                   |

### &#x20;**Methods**

| **Methods**     | **Details**                                                                          |
| --------------- | ------------------------------------------------------------------------------------ |
| validateControl | Return a Boolean value based in the result of custom function assigned.              |
| displayMesssage | Shows value of text property or ErrorMessage property in case text property is empty |

&#x20;