检查jQuery中字段是否为空的快捷方式

所以我一个接一个地检查，如果字段为空，如果是，它将用红色标记边框。 如果没有，请提交（）

但这太乱了，有没有办法缩短它

像使用数组吗？

是的，有

$(document).ready(function() {
    $("#submit").click(function(event) {
        if ($("#name").val() == '')
        {
            event.preventDefault();
            $("#name").css("border", "solid 2px #ff0000");
        }
        else if ($("#day").val() == '')
        {
            event.preventDefault();
            $("#day").css("border", "solid 2px #ff0000");
        }   
        else if ($("#month").val() == '')
        {
            event.preventDefault();
            $("#month").css("border", "solid 2px #ff0000");
        }
        else if ($("#year").val() == '')
        {
            event.preventDefault();
            $("#year").css("border", "solid 2px #ff0000");
        }
        else if ($("#email").val() == '')
        {
            event.preventDefault();
            $("#email2").css("border", "solid 2px #ff0000");
        }
        else if ($("#pass").val() == '')
        {
            event.preventDefault();
            $("#pass").css("border", "solid 2px #ff0000");
        }   
        else if ($("#pass2").val() == '')
        {
            event.preventDefault();
            $("#pass2").css("border", "solid 2px #ff0000");
        }           
        else
        {
            $("#submit").submit();
        }
    });
});

经典的方法是在输入中添加

class=“required”

，然后执行以下操作：

$(document).ready(function() {
    $("#submit").on('click', function(e) {
        e.preventDefault();

        var valid = true;

        $(':input', this.form).each(function(i, ele) {
            if (ele.value.trim() == "") {
                ele.style.border = '2px solid #ff0000';
                valid = false;
            }
        });

        if (valid) this.form.submit();
    });
});

如果不想更改DOM，请更改：

var emptyInput = $('.required[value=""]')
if(emptyInput.length != 0){
    event.preventDefault()
    emptyInput.css("border", "solid 2px #ff0000")
}

为此：

var emptyInput = $('.required[value=""]')

有

经典的方法是在输入中添加

class=“required”

，然后执行以下操作：

$(document).ready(function() {
    $("#submit").on('click', function(e) {
        e.preventDefault();

        var valid = true;

        $(':input', this.form).each(function(i, ele) {
            if (ele.value.trim() == "") {
                ele.style.border = '2px solid #ff0000';
                valid = false;
            }
        });

        if (valid) this.form.submit();
    });
});

如果不想更改DOM，请更改：

var emptyInput = $('.required[value=""]')
if(emptyInput.length != 0){
    event.preventDefault()
    emptyInput.css("border", "solid 2px #ff0000")
}

为此：

var emptyInput = $('.required[value=""]')

---

是的，你为什么不使用带有for循环的数组？你可能应该使用

event.preventDefault（）

？@adeneo你明白我的问题了吗？我很困惑，我以前从来没有见过那么多preventDefault？是的，我的错，是为了删除它。是的，你为什么不使用带有for循环的数组？你可能应该使用

event.preventDefault（）

？？@adeneo你明白我的问题吗？我搞糊涂了，我以前从没见过这么多人？是我的错，意味着要删除它。只需执行

返回有效的
即可删除条件和
预防默认值
。只需执行
返回有效的
即可删除条件和
预防默认值