验证html中的选项卡式窗格

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') - ＆gt;选择tab1

中的段落元素

要获取放置'p'的标签，可以使用

$('p.myPara').parents(‘div’).last() - ＆gt;选择其类为myPara的段落的最外层父级