JavaScript/jQuery ValidationGroup Methods

dispose()

$("#myValidationGroup").dxValidationGroup("dispose");
$("#myValidationGroup").remove();

<dx-validation-group ...
    *ngIf="condition">
</dx-validation-group>

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

<script>
import DxValidationGroup from 'devextreme-vue/validation-group';

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

import React from 'react';

import ValidationGroup from 'devextreme-react/validation-group';

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

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

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

element()

getInstance(element)

// Modular approach
import ValidationGroup from "devextreme/ui/validation_group";
...
let element = document.getElementById("myValidationGroup");
let instance = ValidationGroup.getInstance(element) as ValidationGroup;

// Non-modular approach
let element = document.getElementById("myValidationGroup");
let instance = DevExpress.ui.dxValidationGroup.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()