Получить идентификатор пустого поля ввода

Question

У меня есть 4 поля ввода с общим именем класса. Я использую это, чтобы проверить, нет ли он пустым или нет.

var blank = $('.fourFields').filter(function(){ 
    return !$.trim($(this).val()).length; 
}).length; 
if(!blank){ 
    //do something 
} else { 
    //how do I use addClass() to the blank input fields here? 
} 

Мой вопрос: как получить идентификаторы пустых полей ввода?

Answer 1

Вы можете использовать .map(), чтобы получить массив входов идентификаторов, которые имеют значение пустого

var ids = $('.fourFields').map(function(){ 
    return $.trim($(this).val()) ? undefined : this.id; 
}).get(); 

---

Если вы хотите добавить класс, то более подходящим решением будет использовать .each()

var ids = []; 
$('.fourFields').each(function() { 
    var blank = $.trim(this.value); 
    if (blank) { 
     ids.push(this.id); 
    } 
    $(this).toggleClass('required', blank); 
}); 

Answer 2

идентификатор будет this.id (примечание, нет $)

Answer 3

в качестве не JQuery альтернативы, вы можете получить массив с помощью ID:

var ids = Array.prototype.filter.call(document.querySelectorAll('input'), 
    function(el){return /^\s*$/.test(el.value)} 
).reduce(function(p,c){p.push(c.id); return p;},[]); 

и также сделать класс часть (с помощью JQuery):

var ids = Array.prototype.filter.call(document.querySelectorAll('input'), 
    function(el){return /^\s*$/.test(el.value)} 
).reduce(function(p,c){ 
    $(c).addClass('whatever'); 
    p.push(c.id); 
    return p; 
},[]); 

Answer 4

Чтобы получить корочки заготовки полей ввода можно использовать следующий код:

$(".fourFields").filter(function(){ 
     if($(this).val() === '') 
     return alert($(this).prop('id')); 
     }); 

You может ссылаться на скрипку ниже: http://jsfiddle.net/varun1989/17wkzgqj/2/