Question

我正在使用jquery validate和jquery tabs来创建多标签表格

假设一个简单的形式：

标签1表示输入地址，标签2表示输入名称，标签3表示提交

HTML

<ul class="nav nav-tabs">
  <li class="active"><a href="#home">address</a></li>
  <li><a href="#profile">name</a></li>
  <li><a href="#submit">submit</a></li>
</ul>

 <form id="selectList" method="post" action="finish.php">
<div class="tab-content">
  <div class="tab-pane active" id="home">//input box address</div>
  <div class="tab-pane" id="profile">//input box name</div>
  <div class="tab-pane" id="messages">//submit button</div>
</div>
 </form>

js validate

  $("#selectList").validate( {
      rules: {
         "selectList[]": {
              required: true,
              minlength: 1
          }
       }
   })

});

问题是：

如果提交按钮位于选项卡3中，则无法验证选项卡1,2中的输入框

2。当该选项卡中的输入框未通过验证时，我是否可以不允许用户转到其他选项卡？

谢谢

Answer 1

我认为你可以，但你需要改变jQuery validate插件的行为，因为只有在提交表单时它才会触发验证

数据未通过验证时禁用选项卡

1 个答案: