Проверка формы с несколькими вкладками

#javascript #forms #validation #tabs #webix

#javascript #формы #проверка #вкладки #webix

Вопрос:

У меня есть форма, разделенная на несколько вкладок, и кажется, что проверка не работает в такой форме.

Настроен следующим образом:

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

В качестве иллюстрации: value параметр в onAfterValidation событии включает только входные данные с текущей вкладки (должны быть заполнены недопустимыми)

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

Пример.

Есть идеи, как реализовать проверку для нескольких вкладок? Спасибо.

Ответ №1:

Решаемая. Существует возможность вызвать проверку скрытых входных данных:

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

Обновленный фрагмент