javascript - 如何通过 web-ix 表单中的 onChange 验证每个元素

Question

我有一个与表单控件中每个元素的有效性相关的问题。

webix.ui({
    view:"form", 
    elements:[
        { view:"text", required:true, name:"text1" },
        { view:"text", invalidMessage: "init", name:"text2" },
    ],
    elementsConfig:{
        on:{
           'onChange':function(newv, oldv){
              this.validate();
            }
        }
    },
    rules: {
        text2: function (value) {
            if (!value) {
            $$("text2").define("invalidMessage", "Text2 can not be empty");
            return false;
        }
    }
});

它不适用于 this.validate()。我们如何使用自定义有效规则来验证每个元素。

Answer 1

将 ID 和名称添加到表单中。

...
id:"form1",
name:"form1",
...

规则

rules: {
        "text2":function (value) {
        console.log(value)    
        if (value != "") {
            $$("text2").define("invalidMessage", "Text2 can not be empty");
            return false;
        }
      }
    }

参见example