jQuery/JS Common - Utils - validationEngine

The object returned by the getGroupConfig(group) function has the following structure.

• validators
  An array of Validator UI components that are included to the validated group.
• validate()
  The method that allows you to validate the UI components included to the current group.
• validated
  The event that occurs after the group is validated. You can attach/detach a handler using the on(eventName, eventHandler)/off(eventName) methods of the group.

let defaultValidationGroup = DevExpress.validationEngine.getGroupConfig();
// ===== or when using modules =====
import validationEngine from 'devextreme/ui/validation_engine';

let defaultValidationGroup = validationEngine.getGroupConfig();

The object returned by the getGroupConfig(group) function has the following structure.

• group
  The string or object passed as the parameter.
• validators
  An array of Validator UI components that are included to the validated group.
• validate()
  The method that allows you to validate the UI components included to the current group.
• validated
  The event that occurs after the group is validated. You can attach/detach a handler using the on(eventName, eventHandler)/off(eventName) methods of the group.

let validationGroup = DevExpress.validationEngine.getGroupConfig('myGroup');
// ===== or when using modules =====
import validationEngine from 'devextreme/ui/validation_engine';

let validationGroup = validationEngine.getGroupConfig('myGroup');

To specify validation rules for ViewModel fields, extend the latter with the dxValidator object.

var viewModel = {
    login: ko.observable("").extend({
        dxValidator: {
            validationRules: [{ type: 'required', message: 'We need your credentials' }]
        }
    }),
    //...
}

To register the rules that are defined within the dxValidator objects, call the DevExpress.validationEngine.registerModelForValidation(model) function passing the ViewModel object as a parameter.

DevExpress.validationEngine.registerModelForValidation(viewModel);

To validate the rules that are defined within the dxValidator objects, call the DevExpress.validationEngine.validateModel(model) function passing the ViewModel object as a parameter.

let validationResult = DevExpress.validationEngine.validateGroup();
// ===== or when using modules =====
import validationEngine from 'devextreme/ui/validation_engine';

let validationResult = validationEngine.validateGroup();

See Also

• Validate the Group

See Also

• Validate the Group

To specify validation rules for ViewModel fields, extend the latter with the dxValidator object.

var viewModel = {
    login: ko.observable("").extend({
        dxValidator: {
            validationRules: [{ type: 'required', message: 'We need your credentials' }]
        }
    }),
    //...
}

To register the rules that are defined within the dxValidator objects, call the DevExpress.validationEngine.registerModelForValidation(model) function passing the ViewModel object as a parameter.

DevExpress.validationEngine.registerModelForValidation(viewModel);

To validate the rules that are defined within the dxValidator objects, call the DevExpress.validationEngine.validateModel(model) function passing the ViewModel object as a parameter.

DevExpress.validationEngine.registerModelForValidation(viewModel);