JS遍历多个input是否为空

Question

如图：

有个需求：我有点想不通怎么弄。
当所有input为空的时候点击保存弹出信息“请输入相关信息”，
当其中一个input里面有值不为空，就可以直接保存。
我的代码如下：
$(".oss-formDraft .form-group .form-control").each(function () {

        console.log($(this).val() == ''); 

});
如果input都为空，打印出来的12个true,如图：

如果有一个input有值，比如第一个电话号码有值，打印出来是1个false,11个true，如图

疑问：当全为空的时候，我很好判断，但是不全为空的时候 怎么判断了？谢谢各位大佬

Answer 1

设置一个开关，一旦出现有不为空的，就为true，循环结束后，如果这个开关是true，那么就说明至少有一个不为空

Answer 2

可以用 every:

var isAllEnter = Array.prototype.every.call($('input'), function(item){
    return $(item).val
})

MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/every

Answer 3

let empty=true
$(".oss-formDraft .form-group .form-control").each(function () {
if($.trim($(this).val())!==""){
empty=false
}
}
if(!empty){
submit()
}

Answer 4

es6:

let inputs = [...$(".oss-formDraft .form-group .form-control")]
let canSave = inputs.some(item => $(item).val() != "")

如果...不支持的话，可以使用如下代码:

let inputs = Array.prototype.slice.call($(".oss-formDraft .form-group .form-control"))
let canSave = inputs.some(item => $(item).val() != "")

Answer 5

遍历前设置个变量

var i = 0;

为true时

i++;

最后判断i为几就代表几个为空

Answer 6

善用||和&&

Answer 7

var $controls = $(".oss-formDraft .form-group .form-control")

// hasValueCount  有值的个数
var hasValueCount = $controls.filter(function(){
    return this.value
})
if( hasValueCount == 0 ){
    // 全空
} else if( hasValueCount < $controls.length ){
    // 填了一部分
} else {
    // 全填了
}