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

}

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

1 个答案: