jquery - MVC 3 jQuery TABS 分割フォーム入力

Question

タブにjQueryを使用したタブ付きビューがあります：

<script type="text/javascript">
$(document).ready(function () {
    $("#tabs").tabs();
});    

以下はビューの残りの部分です。

<div id="tabs">
<ul>
    <li><a href="#tabs-1">Tab 1</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
    <li><a href="#tabs-4">Form summary</a></li>
</ul>
<div id="tabs-1">
    @Html.Partial("Data1")
</div>
<div id="tabs-2">
    @Html.Partial("Data2")
</div>
<div id="tabs-3">
    @Html.Partial("Summary")        
</div>

最初の 2 つの部分ビューは、完全なデータ モデルの 2 つの部分を表します。部分ビューは次のようになります。

@model ....
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
    <div class="editor-label">
        @Html.LabelFor(model => model.Item1)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Item1)
        @Html.ValidationMessageFor(model => model.Item1)
    </div>
    <p>
        <input type="submit" value="Previous Medical History" />
    </p>
    </fieldset>
}

「モデルからコントローラーを生成」メソッドを使用して、部分ビューのコンテンツを取得しています。モデルには検証などの属性が含まれています。これらは実際のコードから編集された抜粋であり、エラーが含まれている可能性があります。

私がやりたいのは、各部分ビューの検証コンポーネントを使用することですが、2 番目のタブの最後まで送信を延期し、3 番目のタブに移動して送信を確認することです。

私はMVCにかなり慣れていないので、何をすべきか完全に途方に暮れています。

教えてください - 事前に感謝します。