JavaScript/jQuery Validator Methods

dispose()

$("#myValidator").dxValidator("dispose");
$("#myValidator").remove();

<dx-validator ...
    *ngIf="condition">
</dx-validator>

<template>
    <DxValidator ...
        v-if="condition">
    </DxValidator>
</template>

<script>
import DxValidator from 'devextreme-vue/validator';

export default {
    components: {
        DxValidator
    }
}
</script>

import React from 'react';

import Validator from 'devextreme-react/validator';

function DxValidator(props) {
    if (!props.shouldRender) {
        return null;
    }

    return (
        <Validator ... >    
        </Validator>
    );
}

class App extends React.Component {
    render() {
        return (
            <DxValidator shouldRender="condition" />
        );
    }
}
export default App;

element()

focus()

getInstance(element)

// Modular approach
import Validator from "devextreme/ui/validator";
...
let element = document.getElementById("myValidator");
let instance = Validator.getInstance(element) as Validator;

// Non-modular approach
let element = document.getElementById("myValidator");
let instance = DevExpress.ui.dxValidator.getInstance(element);

instance()

off(eventName)

off(eventName, eventHandler)

on(eventName, eventHandler)

on(events)

option()

option(optionName)

option(optionName, optionValue)

option(options)

reset()

resetOption(optionName)

validate()