如何在完成第一个选项卡validation后启用第二个选项卡

我有以下字段的标签

 
 
Tab1 
 
Tab2
 
Tab3
 
Tab4
 
 
 Name 
 Age 
  
 
 
 
 
 
Tab3
 
 
 
Tab4
 
 
 tabs-2 tabs-3 tabs-4 
 

这里tab-1有两个字段。第二个标签必须在完成第一个标签validation后启用。我们可以选中显示/隐藏复选框但不会激活。我怎么能这样做？ 你可以看到代码DEMO

Answer 1

在此示例中， input submit具有submit类。 我也改变了标签ids （见小提琴）

FIDDLE http://jsfiddle.net/Spokey/2aQ2g/54/

 $('.submit').click(function (e) { e.preventDefault(); //prevent from submission and do script instead //validation .... //if validation is okay, do below var nexttab = parseInt($(this).parent().next().attr('id').match(/\d+/g), 10); $('#tabs').tabs("enable", nexttab).tabs("select", nexttab); $('input[name="tabs-'+nexttab+'"]').removeAttr('disabled').prop('checked', true); });