Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net mvc Telerik MVC tabstrip select tab带验证错误_Asp.net Mvc_Razor_Telerik - Fatal编程技术网

Asp.net mvc Telerik MVC tabstrip select tab带验证错误

Asp.net mvc Telerik MVC tabstrip select tab带验证错误,asp.net-mvc,razor,telerik,Asp.net Mvc,Razor,Telerik,我创建了一个带有telerik标签条的表单。表单被拆分为多个选项卡。出现验证错误时,当前选项卡(即使没有错误)仍保持选中状态。是否可以选择第一个有错误的选项卡。我已经: <script type="text/javascript"> $(document).ready(function () { $("#myForm").submit(function () { var tabStrip = $('.t-widget.t-tabstr

我创建了一个带有telerik标签条的表单。表单被拆分为多个选项卡。出现验证错误时,当前选项卡(即使没有错误)仍保持选中状态。是否可以选择第一个有错误的选项卡。我已经:

<script type="text/javascript">
    $(document).ready(function () {
        $("#myForm").submit(function () {
             var tabStrip = $('.t-widget.t-tabstrip.t-header').data('tTabStrip');
        });
    }); 
</script> 

$(文档).ready(函数(){
$(“#myForm”).submit(函数(){
var tabStrip=$('.t-widget.t-tabStrip.t-header')。数据('tTabStrip');
});
}); 

我不知道如何通过选项卡进行迭代并选择出现验证错误的选项卡。

Telerik在网站上有这样一个示例:

function SelectItem() {
    var tabStrip = $("#TabStrip").data("tTabStrip");

    tabStrip.select($(".t-item", tabStrip.element)[0]);
}
此处的其他示例:


HTH.

嗨,布莱恩,我找到了那个样本,但现在我怎么知道哪个标签上有错误呢。这是我的主要问题。
$(function () {
    function gotoFirstError() {
        var $firstError = $('#myForm .input-validation-error').first();

        if ($firstError.size() === 1) {
            var id = $firstError.parents('.t-content').attr('id');

            var tabStrip = $("#TabStrip").data("tTabStrip");

            tabStrip.select($(".t-item", tabStrip.element)[parseInt(id.replace(/TabStrip-/, '')) - 1]);
        } else {
            console.log('no error found');
        }
    }

    setTimeout(function () {
        gotoFirstError();
    }, 0);

    $('#myForm').bind("invalid-form.validate", function () {
        $('#myForm').validate().showErrors();
        gotoFirstError();
    });
});