javascript 表格非空判断

最新推荐文章于 2024-12-05 16:44:01 发布

原创最新推荐文章于 2024-12-05 16:44:01 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#校验 #javascript

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用JavaScript深度优先遍历来检查任意元素及其子元素是否为空的方法，通过自定义属性实现与jQuery的`required`属性类似的功能，确保输入的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引子

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