我来帮你梳理下这个问题，核心就是要把每个标签页里的表单和它对应的提交按钮精准绑定，避免只操作到第一个按钮的情况。下面给你几个实用的解决思路：

1. 通过表单ID直接定位对应提交按钮 #

既然每个表单都有独立ID，那直接针对目标表单的提交按钮操作是最精准的方式，完全不会受DOM顺序或标签页状态影响。

假设你的表单ID分别是form-tab-1、form-tab-2、form-tab-3，验证通过后可以这样启用对应按钮：

// 启用第一个标签页的提交按钮
$('#form-tab-1 :submit').prop('disabled', false);

// 启用第二个标签页的提交按钮
$('#form-tab-2 :submit').prop('disabled', false);

2. 利用标签页上下文范围查找按钮 #

如果你的标签页有统一的容器类（比如Bootstrap的.tab-pane），可以先定位到目标标签页，再在这个范围内查找提交按钮，避免全局遍历出错。

针对当前激活的标签页： #

// 找到当前激活的标签页，再启用里面的提交按钮
$('.tab-pane.active :input[type="submit"]').prop('disabled', false);

针对指定索引的标签页： #

你之前的索引写法有语法错误（原生DOM元素不能直接调用jQuery方法），正确的写法应该是：

// 比如操作第2个标签页（索引从0开始，这里index=1）
$('.tab-pane').eq(index).find(':input[type="submit"]').prop('disabled', false);

注：这种方式依赖标签页的DOM顺序，如果页面结构调整，索引可能失效，不如表单ID定位稳定。

3. 用自定义属性关联表单与按钮 #

给每个提交按钮添加data-form-id属性，值对应所属表单的ID，这样就算表单和按钮的位置关系变化，也能精准匹配：

<!-- 示例表单与按钮 -->
<form id="user-form">
  <!-- 表单内容 -->
  <button type="submit" data-form-id="user-form">提交</button>
</form>

验证通过后，通过自定义属性找到按钮：

// 验证完user-form后启用对应按钮
$('button[data-form-id="user-form"]').prop('disabled', false);

额外提醒 #

要确保你的日期验证逻辑里，明确知道当前处理的是哪个表单，再针对性地启用它的提交按钮——不要直接全局操作所有submit按钮，这就是你之前只有第一个按钮生效的原因。

内容的提问来源于stack exchange，提问作者user6743474