温泉，AngularJS 和上一个-下一个按钮 iOS

Question

我使用 Onsen 和 Anguarlarjs 制作我的移动应用程序。

该应用有四个选项卡，第二个选项卡包含一个表单，第四个选项卡包含另一个表单。当我的应用程序运行在 iOS 平台上时，我填写两个选项卡表单并且 Apple 键盘显示下一个 - 上一个按钮。

当焦点位于上一个输入上时，启用下一步按钮。如果我单击下一步按钮，则四个页面的第一个输入是焦点，选项卡将失去控制。我尝试使用 <input tabindex=""> 来解决这个问题，但无法正常工作。

如何修复点击下一步按钮时不跳到第二页到第四页的表单？

非常感谢！

Answer 1

我已经解决了这个问题。当 tab1 可见时，我禁用了 form2 中的输入并启用了 form1 中的输入。如果 tab2 可见，则禁用 form1 输入并启用 form1 输入。这样 ios 中的下一个-上一个按钮以正确的顺序工作，不会从一种形式跳到另一种形式。这是代码：

-控制器

$scope.checkTab = function (tab) {
    if (tab == 1 || tab==4) {
        var form1 = document.getElementById("form1");
        var form2 = document.getElementById("form2");

        switch (tab) {
            case 1:
                disableForm(form1,false);
                disableForm(form2,true);
                break;

            case 4:
                disableForm(form1,true);
                disableForm(form2,false);
                break;

        }
    }
}
function disableForm(form,disabled){
    var elements = form.elements;
    for (var i = 0, len = elements.length; i < len; ++i) {
        elements[i].disabled = disabled;
    }
}

-HTML

 <ons-tab ng-click="checkTab(0)" page="html/page.html" active> //number is tab position

此致

温泉，AngularJS 和上一个-下一个按钮 iOS

Onsen, AngularJS and previous-next buttons iOS

input

tabindex

angularjs

cordova

onsen-ui