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

时间:2016-11-01 16:32:02

标签: javascript forms validation user-interface webix

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

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

1 个答案:

答案 0 :(得分: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验证规则,如上所示。