asp.net-mvc - MVCのタブでのバリデーションについて

Question

3 つのタブがあり、これらの 3 つのタブには共通の送信ボタンとキャンセル ボタンがあります。ユーザーが送信ボタンをクリックすると、検証が開始されたタブに自動的に切り替わるはずです。以下のコードでこの機能を実現するにはどうすればよいですか
。 .cs.html

<script type="text/javascript">
    $(document.body).ready(function () {

        getService("Test1");
    });

    function getService(serviceMenuId) {
        if (serviceMenuId != undefined && serviceMenuId != '') {
            jQuery("div#menubar li").each(function () {
                var $li = jQuery(this);
                $li.removeClass('sel');
            });
            document.getElementById(serviceMenuId).className = "sel";
        }

        $('div#Test1').hide();
        $('div#Test2').hide();
        $('div#Test3').hide();

        $("div#" + serviceMenuId).show();
    }
</script>

@using (Html.BeginForm())
{
    <div id="Test1" style="position:relative">@{Html.RenderPartial("Test1", Model);}</div>
    <div id="Test2" style="position:relative">@{Html.RenderPartial("Test2", Model);}</div>
    <div id="Test3" style="position:relative">@{Html.RenderPartial("Test3", Model);}</div>

    <div id="saveCancelButton" class="as-ext-form-button-div" style="margin-top: 20px;">
        <button title="Click here to save" id="saveData" type="submit"   onclick="return attributesValid();">Save</button>&nbsp;&nbsp;

    </div>
}