当所有输入文本字段都为空时阻止表单提交，但允许使用jquery在其中任何一个字段不为空时提交表单

Question

场景是，我有一个包含多个动态文本字段的表单。

<form id="add" action="" method="POST">
  <input type="text" id="product-$id" name="quantity[]" class="quantity" />
</form>

根据条件，它会生成多个输入字段。它看起来像这样

<form id="add" action="" method="POST">
<input type="text" id="product-1" name="quantity[]" class="quantity" />
<input type="text" id="product-2" name="quantity[]" class="quantity" />
<input type="text" id="product-3" name="quantity[]" class="quantity" />
    </form>

现在，如果所有文本字段都为空，我希望阻止表单提交。但是，如果它们中的任何一个有值，我将允许表单提交。

Answer 1

我希望下面的代码能让您对如何继续进行有所了解。

function SubmitForm(){

     //get all the dynamic textbox in the form
      var quantities =$('#add').find('.quantity');
      var hasValue = false;

      $.each(quantities, function(i, txtbox)
        {
           if ($.trim($(txtbox).val()) != '')
             {
               hasValue = true;
               return false; //break
               }
        });

        if (!hasValue)
          {
            return; //do not proceed further
            }

      //code here as atleast one textbox has a value

}