Reset Validator errors

Hi Austin,

In the case of Knockout, your view model is already a default group. dxValidationSummary uses it. You can specify a custom dxValidationGroup, but you will need to specify dxValidator for an editor, not for a view model property:

HTML
<div id="group" data-bind="dxValidationGroup: {onInitialized: onInitialized}">  
     <div id="scan" class="dx-field-value_cgs" data-bind="dxTextBox:   {  
    value: Scan,  
    valueChangeEvent: 'input',  
    onEnterKey: doScan  
}, dxValidator: { validationRules: [{  
        type: 'required',  
        message: 'Scan is required.'  
    }] }"></div>  
    <div id="user" class="dx-field-value_cgs" data-bind="dxTextBox:   {  
    value: User,  
    onEnterKey: doScan  
}, dxValidator: { validationRules: [{  
        type: 'required',  
        message: 'User is required.'  
    }] }"></div>  
     <div data-bind="dxValidationSummary: { }"></div>  
     <div class="dx-scan-button_cgs" data-bind="dxButton: { text: 'Scan', onClick: doScan }"></div>  
 </div>  

Then, you can validate this group and reset it like:

JavaScript
var viewModel = {  
     Scan: ko.observable(""),  
    User: ko.observable(""),  
      viewShown: function () {  
        //We need to clear the two fields each time the page is shown  
         this.Scan("");  
        this.User("");  
        DevExpress.validationEngine.resetGroup(viewModel.group);  
     },  
     doScan: function (doScanParams) {  
         var validator = DevExpress.validationEngine.validateGroup(viewModel.group);  
        ValidatorProblem.app.navigate('Page2');  
    },  
    group: null,  
    onInitialized: function (e) {  
        viewModel.group = e.component;  
    }  
};  

In my opinion, setting a custom validation group in the Knockout approach makes sense when you need to validate some editors separately from others. So, I would use view model validation in your case.

Thank you for the clarification.

You are welcome, Austin!