在客户端验证后选择一个JQuery UI选项卡

时间:2011-06-01 20:00:05

标签: jquery jquery-ui jquery-tabs

我有Tab1,Tab2和Tab3 ...... 所有选项卡都有经过验证的输入......

我的保存方法验证了所需的输入:

var validator = $("form").validate(); // obtain validator
var anyError = false;
$('#tabs').find(":input").each(function ()
{
    if (!validator.element(this)) { // validate every input element inside this step
        anyError = true;
    }
});
if (anyError)
    return false; // exit if any error found

//save ...

它的工作正常......但我想选择第一个出现“错误”的标签...我该怎么做?

由于

1 个答案:

答案 0 :(得分:1)

未经测试,但你不能这样做:

$('#tabs').find(":input").each(function ()
{
    if (!validator.element(this)) { // validate every input element inside this step
        anyError = true;
        // trigger click on the tab that is linked to $(this).parents('yourtabcontainername') here
        return false; // ends each
    }
});
if (anyError)
    return false; // exit if any error found

//save ...

或者,如果您想要检查所有输入,无论您是否可以执行以下操作:

var validator = $("form").validate(); // obtain validator
var anyError = false;
var firstError;
$('#tabs').find(":input").each(function ()
{
    if (!validator.element(this)) { // validate every input element inside this step
        anyError = true;
        if(firstError === undefined){
            //set firstError to reference the tab that is linked to $(this).parents('yourtabcontainername')
        }
    }
});
if (anyError) {
        //trigger click on firstError
        return false; // exit if any error found
    }

//save ...

是关于你在寻找什么的那些?