Jquery LiveValidation+UI选项卡-一页多验证

我正在使用LiveValidation.com的LiveValidation对我的大多数项目进行一些简单和更复杂的表单验证

主要是为了增强用户过期性

我所做的。 -将无效消息从文本替换为图像 -提交表单时-且表单无效-关注第一个无效输入字段 -提交表单时-表单无效-向所有无效字段添加红色边框

我想做的是： -创建正在验证表单的函数-但仅用于当前选项卡

我们怎样才能“手动”做到这一点 -我们可以创建另一个var automaticOnSubmit2=field4.form.onsubmit

其中字段4始终是当前选项卡上的第一个输入。 因为我的标签将生成未知数量的标签-我正在寻找更通用的解决方案

我做了一些尝试——但我对js/jquery的了解很差——所以我失败了

//尝试1

$(".ui-tabs-panel:not(.ui-tabs-hide) > form") 

这是正确的-firebug只能找到1个-打开/当前选项卡-我们要验证的表单所在的位置

$(".ui-tabs-selected").ready(function() {
var automaticOnSubmit = $(".ui-tabs-panel:not(.ui-tabs-hide) > form").submit;
 $(".ui-tabs-panel:not(.ui-tabs-hide) > form").submit = function(){
    var valid = automaticOnSubmit();
    if(valid)alert('Form is Valid!');
    else{ 
        $(".LV_invalid_field:first", document.forms).focus();
        }
    return false
}

})

致以最良好的祝愿

彼得

Livevalidation+jQuery UI选项卡 解决方案：

$("form").each(function (i) {
    var automaticOnSubmit = this.onsubmit;
    this.onsubmit = function(){
        var valid = automaticOnSubmit();
        if(valid)alert('Form is Valid!');
        else{ 
            $(".LV_invalid_field:first", document.getElementById(this.id)).focus();
        }
        return false
    }
});