菜单选项卡,下一步和后退按钮处理

时间:2014-02-16 11:38:50

标签: javascript jquery html css

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

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

1 个答案:

答案 0 :(得分:0)

完成任务的最简单方法是使用验证插件。既然您正在使用jQuery,我建议使用其中的众多jQuery验证库:http://speckyboy.com/2013/10/16/form-validation-jquery-plugins-libraries/