Проверьте, пусто ли несколько текстовых полей jQuery

Question

Это может быть просто, но у меня возникают трудности. Я использую обязательный атрибут во всех полях .um_frm, а затем проверяю, не все ли пустые поля. Моя проблема заключается в том, что вместо проверки всех полей он проходит, даже если заполнено одно поле. Как я могу убедиться, что все поля заполнены?

$('#um_ok').on('click', function() { 
     $('.um_frm').attr('required','required'); 
     var value=$.trim($(".um_frm").val()); 
     if(value.length === 0){ 
      //proceed... 
     } 
}); 

Я также попытался это, но не был suiccessful

$('#um_ok').on('click', function() { 
     $('.um_frm').attr('required','required'); 
     if($.trim($(".um_frm").val()) === ""){ 
      //proceed... 
     } 
}); 

Answer 1

Используйте фильтр, чтобы увидеть, если какой-либо поле пустым (длина не truthy, то есть 0, следовательно !):

$('#um_ok').on('click', function() { 
     $('.um_frm').attr('required','required'); 

     var anyBlank = $(".um_frm").filter(function(){ 
      return !$.trim($(this).val()).length; 
     }).length; 

     // If not any blanks... 
     if(!anyBlank){ 
      //proceed... 
     } 
}); 

Update: (спасибо @George)

Поскольку required является подлинным элементом HTML-элемента, а не только атрибутом, вы должны использовать prop (который затем может принимать более читаемое логическое значение в качестве состояния включения/выключения):

 $('.um_frm').prop('required', true); 

Это имеет преимущество при создании атрибута уборщика required без значения (вместо required="required" и т. Д.).

Answer 2

Надеется, что это будет делать

var left_blank =$('#um_ok').on('click', function() { 
        $(".um_frm").filter(function() { 
         return !$.trim($(this).val()).length; 
        }).length; 
       }); 
if(!left_blank){ 
    //proceed 
} 

Answer 3

РАБОТА FIDDLE

Используйте следующие

-

$('#um_ok').on('click', function() { 
    var status = true; 
    $('.um_frm').each(function() { 
     if ($.trim($(this).val()) == '') { 
      status = false; 
     } 
    }); 
    if (status) { 
     alert("all r ok"); 
    } else { 
     alert("sumthng missing"); 
    } 
});