0

マルチタブフォームを作成するために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 の入力ボックスを検証できません。異なるタブの検証ルールを指定するにはどうすればよいですか?

ありがとうございました

更新しました:

$("#optionalform").validate({
    ignore:''
});

このスタンドアロンを使用すると、これを行うのに役立ちます。問題は、ルールを設定できず、タブ内のデータ セレクター プラグインやその他の機能が機能しないことです。おそらくすべての要素をスキップしますか?

$(document).ready(function(){

$('.tabbable').tabs();
$("#selectList").validate({
    ignore:''

        rules: {
         "selectList[]": {
              required: true,
              minlength: 1
          }
       }
   })
          $('#dd').datebox({  
    required:true  
});



});


$(function(){
  $("#closeTab").click(function() {
             window.parent.$('#tt').tabs('close','Add Campaign'); 
             location.reload();     
  });
});
4

1 に答える 1

1

タブが変更されるたびに検証を呼び出す必要があります。

$('.selector').tabs({
    select: function(event, ui) { ... } //run validation here?
});
于 2012-04-04T16:30:54.210 に答える