當所有輸入文本字段為空時阻止表單提交，但當其中任何一個都不為空時允許使用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

}