動態JQuery表單提交多個表單

Question

我有PHP可以搜索數據庫，然后為找到的每個結果回顯html表單。 這些在文檔加載時通過AJAX加載到HTML主頁面並進入div。

現在，我想為每個提交的表單都配備聽眾。 它們都有相同的輸入。 每個表格都有處理器的增量ID（ processor1 ， processor2 ， processor3等）。

因此，根據結果，它可能少至一種形式或50種形式。 是否有一種動態的方式來執行表單提交功能，而不是編寫無數重復功能？

Answer 1

如果你有

<form id="form1">
<form id="form2">

您可以使用類選擇器

<form id="form1" class="forms">
<form id="form2" class="forms">

在jQuery中：

$(function() {
 $('.forms').submit(function(e){
   e.preventDefault(); //Prevent submit
   console.log($(this)); //Current form submiting

   //Make ajax call for current form
 })
})

如果您需要每種表格的額外數據，則可以使用數據屬性

<form id="form2" class="forms" data-myattr="myvalue">

並得到它

...
$(this).data('myattr'); //myvalue
...

Answer 2

如果（由於某種原因）不能使用類，則還可以使用'starts with' 選擇器 ：

$('#processor*').submit(function (e) { 
    e.preventDefault(); 
    ...
});

請注意，上面的函數應作為加載表單的AJAX函數的回調。