jquery - 验证html中的选项卡式 Pane

Question

我正在开发一个包含 3 个选项卡的页面。我在所有三个选项卡上都有表单元素。用户可以从三个选项卡中的任何一个选项卡中选择值，但必须填写该特定选项卡中的所有元素。我可以验证所有表单元素，但如何验证属于所选选项卡的元素？

谢谢 阿杰

Answer 1

您可以简单地为每个选项卡使用唯一的 id，这意味着您应该为您的页面使用 3 个主要的 div，并且每个 div 都应该有唯一的 id。将控件放在每个 div 中。这里每个 div 指的是每个选项卡。

<div id="tab1">
  // first tab controls
</div>
<div id="tab2">
  // 2nd tab controls
 </div>
 <div id="tab3">
  // 3rd tab controls
 </div>

然后你可以简单地验证如下。

$('#tab1 p')->选择tab1中的段落元素

要获取放置'p'的选项卡，您可以使用

$('p.myPara').parents('div').last() -> 选择类为 myPara 的段落的最外层父