dxTextBox validation problem - How to dynamically assign validation rules

Hi,

We developed a mobile application using DevExtreme "knockout-3.1.0.js", "knockout.validation.js" and  " jquery-2.1.1.min.js" its working fine, after updating "knockout-3.2.0.js" and  " jquery-2.1.3.min.js", its not working.

Here is working code with old version:

JavaScript
var self = this;  
result += "<div class='dx-field'>";  
result += "     <div class='dx-field-label'>" + data[i].fieldName + ": </div>";  
//result += "     <div class='dx-field-value' id='Custom" + i + "' style='width:100px;margin-right:100px;'></div>";  
result += "     <div class='dx-field-value' id='Custom" + i + "'></div>";  
result += "</div>";  
$("#customFieldArea").append(result);  
if (eval(data[i].requiredField) == true) {  
    var Custom0 = ko.observable().extend({  
        required: 'Please enter value.'  
    });  
    self.Custom0 = Custom0;  
    $("#Custom" + i).dxTextBox({  
        placeholder: "Enter Text",  
        value: Custom0,  
    });  
} else {  
    $("#Custom" + i).dxTextBox({  
        placeholder: "Enter Text",  
    });  
}  
var validationModel = ko.validatedObservable(self);  
if (validationModel.isValid()) {  
    // create event  
} else {  
    // Alert  
}  

The above code is not working any more in new upgrade.

We are trying implement using your example validtaions. Its not working. Can you please give working examples.

JavaScript
$("#Custom" + i).dxTextBox({  
    placeholder: "Enter Text",  
    value: ko.observable(""),  
    isValid: eventOptions.login1.dxValidator.isValid,  
    validationError: eventOptions.login1.dxValidator.validationError,  
});  
//}).dxValidator({ name: 'Name', validationRules: [{ type: 'required' }]});  
} else {  
    $("#Custom" + i).dxTextBox({  
        placeholder: "Enter Text",  
    });  
}  

Thank you,
Subash