如何检查下一个选项卡上的上一个选项卡的验证单击metroJS中的多选项卡表单

时间:2016-08-11 05:52:58

标签: angularjs model-view-controller tabs

我正在使用MVC angularjs中的multitab表单。我希望用户在填充上一个标签之前无法在下一个标签上移动。如何在multiform中验证选项卡?

我正在使用metro js。

E.g。在此jsfiddle中,如果“主页”选项卡文本框为空或无效,则用户无法跳转到另一个选项卡。

我创建了一个数组并存储了所有字段的错误信息,然后单击选项卡我检查了数组长度是否大于零,然后触发警报消息但更改了选项卡。如果选项卡字段无效(数组长度大于0),我想停止选项卡类更改为活动onclick。

1 个答案:

答案 0 :(得分:0)

https://metroui.org.ua/tabcontrol.html

活动 - 数据在标签上点击

描述:单击选项卡时触发的事件。此函数可以返回true或false。如果返回值为false,则选项卡不会切换