鍍金池/ 問(wèn)答/HTML5  HTML/ jq判斷5個(gè)input如果全部為空 , 就alert

jq判斷5個(gè)input如果全部為空 , 就alert

jq判斷5個(gè)input如果全部為空 , 就alert

回答
編輯回答
有你在

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('都為空');
        }

    });
});
2017年7月5日 17:10
編輯回答
遺莣
<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>
2017年3月21日 15:50