Question

我希望在点击按钮（点击我）之后，仅针对field 2-1和field 2-2验证检查所有具有类.required的文件（... .closest（'表单） '）...），我的代码怎么样？

DEMO：（在此处，当您单击按钮时，它适用于具有类.required的所有字段，但我只想将字段检查到表单closest('form')）：{{3} }

function required_valid() {
    var result = true;
    $('.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() && passed;
    if (!passed) {
        return false;
    }
});

Answer 1

试试此代码：http://jsfiddle.net/ZsPyy/4/

我已将按钮传递给required_valid功能。所以我们可以得到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;
    }
});

Answer 2

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;
    }
});

将字段验证为所有字段的形式no

2 个答案: