表单:如何为新添加的输入添加验证规则

Form: how to add a validation rule for a newly added input?

本文关键字：添加 输入 规则 验证 新添加 表单      更新时间：2023-09-26

我有一个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
  }
});

但是我被为新项目添加验证规则所困扰。怎么做呢?这可能吗?提前感谢!

新条目已添加到表单中，因此您可以在表单的规则定义中对其应用验证规则 

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;
      }
}

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

相关文章：