javascript - 表格: how to add a validation rule for a newly added input?

Question

我有一个 Webix，它可以添加应验证的附加文本字段以及预定义字段。

类似下一个:http://webix.com/snippet/73c90f29

function addFormInput(){
  $$("form1").addView({ 
    view:"text", 
    label:'Should be a number', 
    name:"text2",
    value:"some",
    labelPosition:"top"
  }, 1);
};


webix.ui({
  view:"form",
  id:"form1",
  elements: [
    { 
      view:"text", 
      label:'Not empty',  
      name:"text1",
      labelPosition:"top"
    },    
    {cols:[
      {
        view:"button", type:"iconButton", 
        label:"Add new", icon:"plus", 
        click:function(){
          addFormInput(); 
          this.disable()
        }
      }      
    ]}
  ],
  rules:{
    text1:webix.rules.isNotEmpty
  }
}); 

但我坚持为新项目添加验证规则。怎么做？有可能吗？提前致谢!

Answer 1

新项目已添加到表单中，因此您可以在表单的规则定义中对其应用验证规则，如下所示:

rules:{
      text1:webix.rules.isNotEmpty,
      //text2 : webix.rules.isNotEmpty      // webix defined validation rule
      text2 : function(value){              // custom validation rule
                if (!value) return false;
                return true;
      }
}

您可以对新项目应用自定义或 webix 验证规则，如上所示。