jq判断5个input如果全部为空 , 就alert

Question

jq判断5个input如果全部为空 , 就alert

Answer 1

html

    <form>
        <input type="text" value="">
        <input type="text" value="">
        <input type="text" value="">
        <input type="text" value="">
        <input type="text" value="">
        <input type="button" value="提交">
    </form>

js//主要是用了 ES5 的 every 方法，都满足条件返回 true,否则返回 false

$(document).ready(function() {
    $("input[type=button]").click(function(e) {

        let isAllEmpty = $("input[type=text]").toArray().every(function(input) {
            return input.value === '';
        });

        if (isAllEmpty) {
            alert('都为空');
        }

    });
});

Answer 2

<div id="form">
    <input type="text" value="">
    <input type="text" value="">
    <input type="text" value="">
    <input type="text" value="">
    <input type="text" value="">
</div>

<script>
    var inputs = $("#form").children("input"); // jq
    var inputs = document.getElementById("form").getElementsByTagName("input"); // 原生

    // 判断是否全部为空值
    var isEmpty = [].reduce.call(inputs, function (a, b) {
        return a && !b.value;
    }, true);

    // 如果有空值则alert
    isEmpty && alert();
</script>