javascript - 菜单选项卡、下一步和后退按钮过程

Question

我有一个带有菜单选项卡的表单，每个菜单都包含复选框、输入字段、下一步和后退按钮，以及当包含输入字段和复选框的当前菜单为空时如何禁用下一步按钮和其他菜单选项卡的单击功能。

JAVASCRIPT:下一步和后退按钮的代码

$(document).ready(function(){
var $tabs = $('.tabs1 li');

    $('#back').on('click', function() {
        $tabs.filter('.active').prev('li').find('a[data-toggle="tab"]').tab('show');
    });
    $('#next').on('click', function() {
        $tabs.filter('.active').next('li').find('a[data-toggle="tab"]').tab('show');
    });

});

JSFIDDLE

Answer 1

完成任务的最简单方法是使用验证插件。由于您使用的是 jQuery，我建议您使用众多 jQuery 验证库中的任何一个:http://speckyboy.com/2013/10/16/form-validation-jquery-plugins-libraries/