对所有字段的字段到表单no进行验证

Validation for fields into form no for all fields

本文关键字：字段 no 验证 表单      更新时间：2023-09-26

我想点击按钮后(点击我)，验证检查只是为field 2-1和field 2-2没有所有的文件，有类.required(... .最接近('form')…)，它是如何在我的代码?

DEMO:(在这里，当你点击按钮，它的工作为所有字段有类。required，但我想检查字段到形式closest('form')): http://jsfiddle.net/ZsPyy/2/

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

试试下面的代码: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;
    }
});

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;
    }
});
相关文章：