如何在单一提交中提交多个表单

Question

我在我的HTML中创建了以下表单，这将被提交到“url'submitrecord'”。这对于每个HTML单个条目都可以正常工作。如何添加多个此类型的条目并一次提交。

代码：

<form method='POST' action="{% url 'submitrecord' %}"> 
     <div class="row"> 
      <div class = "col-md-1 form-group"> 
        <input type="text" class="form-control" name="EntryNo" placeholder="EntryNo"/> 
      </div> 
      <div class = "col-md-2 form-group"> 
        <input type="text" class="form-control" name="MedicineName" placeholder="MedicineName"/> 
      </div> 
        <button type="submit" class="btn btn-default">Done</button> 
    </div>  
</form> 

Answer 1

我发现这个答案，但仍是状态并没有发送请求到我的网址。

<script> 
$(document).ready(function(){ 
var called = 0; 
ajax_recaller = function(forms){ 
$.ajax({ 
type: "POST", 
data: forms[called].serialize(),        
url: forms[called].attr('action'),       
success: function(data) { 
called++;                   
if(called < forms.length) { 
ajax_recaller(forms);           
} else { 
called=0;                 // set called value to 0 again 
alert('All forms has been submitted!'); 
} 

} 
}); 

} 


$(document).on('click','.submitforms',function(){ 
var x=0; 

$('.ajax_form').each(function(){ 
forms[x] = $(this); 
x++; 
}); 

ajax_recaller(forms); 
}); 

}); 
</script>