javascript 表格非空判断

时间:2022-11-06 19:39:55

引子

jquery自带的

<input required>

非常好用,但是只能在一个form里做非空校验

如果我们想用js对任何元素及其子元素做非空校验,该怎么办呢?

attr

我们借鉴required方式,给我们想要非空的元素加

<element i-require>

然后用jquery的attr方法判断即可!

$(element).attr('i-require') !== undefined

深度优先遍历算法

var checkNoneEmpty = function( element ) {
        if( ! (element instanceof jQuery) ) {
            element = $(element);
        }
        if( element.attr('i-require') !== undefined ) {
            var value = element.val();
            if( ! value ) {
                return false;
            }
        }
        if( element.children().length > 0 ) {
            var has_empty = false;
            element.children().each( function( index , child ) {
                if( checkNoneEmpty(child) === false ) {
                    has_empty = true;
                    return false;
                }
            });
            if( has_empty ) {
                return false;
            }
        }
        return true;
    };