Отключить вкладки, когда данные не проходят проверку

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 подтвердить

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

});

Проблемы:

1. если кнопка отправки находится на вкладке 3, она не может подтвердить поле ввода на вкладке 1, 2

2. Могу ли я не позволить пользователю перейти на другую вкладку, когда поле ввода на этой вкладке не проходит проверку?

Спасибо

Answer 1

Я думаю, что вы можете, но вам нужно изменить поведение плагина jQuery validate, поскольку он будет запускать проверки только при отправке формы