Javascript 将字段验证为所有字段的表号

Javascript 将字段验证为所有字段的表号,javascript,jquery,Javascript,Jquery,我想在点击按钮后点击我,验证检查只为字段2-1和字段2-2没有为所有文件有类。必需。最接近的‘形式’…,它在我的代码中是怎样的 演示:在这里,当你们点击按钮时,它对所有有类的字段都有效。必填,但我只想将字段签入最接近的“表单”: 请尝试以下代码: 我已将按钮传递给所需的有效函数。所以我们可以得到btn的父窗体 function required_valid(btn) { var result = true; $(btn).closest("form").find('.requir

我想在点击按钮后点击我,验证检查只为字段2-1和字段2-2没有为所有文件有类。必需。最接近的‘形式’…,它在我的代码中是怎样的

演示:在这里,当你们点击按钮时,它对所有有类的字段都有效。必填,但我只想将字段签入最接近的“表单”:

请尝试以下代码:

我已将按钮传递给所需的有效函数。所以我们可以得到btn的父窗体

function required_valid(btn) {
    var result = true;
    $(btn).closest("form").find('.required').each(function () {
        if (!$(this).val()) {
            //var cssObj=;
            $(this).css("background", "#ffc4c4");
            result = false;
        }
        $(this).keyup(function () {
            $(this).css("background", "#FFFFEC");
        })
    });
    return result;
}
$('button').live('click', function(e) {
    e.preventDefault();
    var passed = true;
    //passed = required_selectbox() && passed;
    passed = required_valid(this) && passed;
    if (!passed) {
        return false;
    }
});

我用它更改html代码,但它不起作用。请自己查看:表单中的表单是不允许的。但我应该在表单中使用表单,是否可以解决此问题?不可能,浏览器会删除另一表单中的表单。因为它不是有效的HTML。
function required_valid(btn) {
    var result = true;
    $(btn).closest("form").find('.required').each(function () {
        if (!$(this).val()) {
            //var cssObj=;
            $(this).css("background", "#ffc4c4");
            result = false;
        }
        $(this).keyup(function () {
            $(this).css("background", "#FFFFEC");
        })
    });
    return result;
}
$('button').live('click', function(e) {
    e.preventDefault();
    var passed = true;
    //passed = required_selectbox() && passed;
    passed = required_valid(this) && passed;
    if (!passed) {
        return false;
    }
});
function required_valid(sbtn) {
    var result = true;
    $(sbtn).closest("form").children('.required').each(function () {
        if (!$(this).val()) {
            //var cssObj=;
            $(this).css("background", "#ffc4c4");
            result = false;
        }
        $(this).keyup(function () {
            $(this).css("background", "#FFFFEC");
        })
    });
    return result;
}
$('button').live('click', function(e) {
    e.preventDefault();
    var passed = true;
    //passed = required_selectbox() && passed;
    passed = required_valid(this) && passed;
    if (!passed) {
        return false;
    }
});