JavaScript/jQuery Validator Methods
dispose()
After calling this method, remove the DOM element associated with the UI component:
JavaScript
$("#myValidator").dxValidator("dispose");
$("#myValidator").remove();Use this method only if the UI component was created with jQuery or pure JavaScript. In Angular, Vue, and React, use conditional rendering:
Angular
app.component.html
<dx-validator ...
*ngIf="condition">
</dx-validator>Vue
App.vue
<template>
<DxValidator ...
v-if="condition">
</DxValidator>
</template>
<script>
import DxValidator from 'devextreme-vue/validator';
export default {
components: {
DxValidator
}
}
</script>React
App.js
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;See Also
getInstance(element)
Return Value:
getInstance is a static method that the UI component class supports. The following code demonstrates how to get the Validator instance found in an element with the myValidator ID:
// 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);See Also
validate()
Validates the value of the editor that is controlled by the current Validator object against the list of the specified validation rules.
Return Value:
Feedback