jquery - 检查多个文本字段是否为空 jQuery

Question

这可能很简单，但我在这里遇到了困难。我正在 .um_frm 的所有字段中运行 required 属性，然后检查所有字段是否不为空。我的问题是，即使填充了单个字段，它也会通过，而不是检查所有字段。如何确保所有字段均已填写？

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

我也尝试过，但没有成功

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

Answer 1

使用过滤器查看是否有任何字段为空(长度不为真，即 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...
      }
});

更新:(感谢@George)

由于 required 是一个真正的 HTML 元素属性，而不仅仅是一个属性，因此您应该使用 prop (然后可以将更易读的 bool 值作为其开/关州):

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

这样做的优点是可以创建更干净的没有值的 required 属性(而不是 required="required" 等)。