jquery - 所有输入字段通过 jQuery 代码上的单行/最少行进行验证

Question

我有一个表单，其中有 30 个输入框、10 个文本区域和 3 个选择框(更新)字段，并且所有字段都是必填字段。

如何通过 jQuery/javascript 对所有输入字段应用验证，不能为空白/空/NULL。

我不想每次都使用每个输入框的 ID 并为每个输入框和文本区域创建单独的验证。

如果任何输入字段为空，那么它的边框会变成红色，当用户要写一些东西时就会变得正常(没有边框，即删除该类)

更新:

还有选择框..如何一起验证它们？

Answer 1

类似这样的事情:

$("#myForm").submit(function() {

    // if there are some empty inputs
    if($(":input[value]").length != $(":input").length)) {

        // filter out the empty ones, apply some CSS
        $(":input").filter(function() {
            return this.value.length == 0;
        }).addClass("blank");

        // do not submit
        return false;
    }
});

$(":input").blur(function() {
    if(this.value.length > 0) {
        $(this).removeClass("blank");
    }
});