Asp.net mvc Telerik MVC tabstrip select tab带验证错误
我创建了一个带有telerik标签条的表单。表单被拆分为多个选项卡。出现验证错误时,当前选项卡(即使没有错误)仍保持选中状态。是否可以选择第一个有错误的选项卡。我已经: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
<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();
});
});