マルチタブフォームを作成するために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
}
}
})
});
問題は次のとおりです。
- ご覧のとおり、すべてのタブがフォーム内にありますが、送信ボタンがタブ 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();
});
});