使用多个选项卡验证表单

Question

我有一个分为多个选项卡的表单，似乎无法对此类表单进行验证。

配置如下：

  elements:[
    {
      view:"tabview",
      tabbar:{ options:["Setings","Summary"]}, animate:false,
      cells:[
        { id:"Setings", rows:[
          { view:"datepicker", name:"post"}
        ]},
        { id:"Summary", rows:[
          { view:"text", name:"title", label:"New title" }
        ]}        
      ]
    }        
  ],
  rules:{
    "post":webix.rules.isNotEmpty,
    "title":webix.rules.isNotEmpty,
  }

举例说明：onAfterValidation 事件中的 value 参数仅包含来自当前选项卡的输入（应填充无效的）

on:{
  onAfterValidation:function(result, value){
    if (!result) console.log(value);
    else console.log(value);
  }
},

Sample。

对如何为多个选项卡实施验证有什么想法吗？谢谢。

Answer 1

已解决。可以为隐藏的输入调用验证：

$$("postform").validate({hidden:true});

Updated snippet

使用多个选项卡验证表单

Validation of form with several tabs

javascript

forms

validation

tabs

webix