禁用標籤時的數據未通過驗證

我使用JQuery驗證和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 
      } 
     } 
    }) 

});

的問題是：

如果提交按鈕是在片3，它不能驗證輸入框在選項卡1，2

2。當該選項卡中的輸入框未通過驗證時，我是否可以不允許用戶轉到其他選項卡？

謝謝

來源

2012-04-03 Leo Chan

我覺得你可以，但你需要更改jQuery的行爲驗證插件，因爲它會觸發驗證，只有當表單提交

來源

2012-04-03 18:13:49 pollirrata

不完全是，我認爲我們可以在任何客戶端事件中解僱。 – 2012-04-04 03:50:08

我試圖用幾種方法做到這一點，所以如果有一種方法，它將會非常有用，讓大家知道它:) – pollirrata 2012-04-04 15:31:56

用文本框和按鈕創建一個簡單的窗體。在onclick事件中，只需執行我們在表單提交中所做的事情。請參閱SO帖子http://stackoverflow.com/questions/7445423/validate-a-form-on-click-event-with-validator-jquery – 2012-04-05 03:05:53

禁用標籤時的數據未通過驗證

回答

相關問題