Jquery提交選定表單

Question

我有一個有多種形式的頁面。每個表單設置爲：

<form method='post' name='test'> 
<form method='post' name='new'> 
<form method='post' name='add'> 
<form method='post' name='rem'> 

每個表單有一個提交按鈕：

<input id="test" type="submit" value="test" /> 

的值和ID變化，這取決於形成你在

我。使用Jquery提交一個表單。

$('#test').on("click",function() { 
    if (confirm ('Continue?')) { 
     $(this).submit(); 
    } else { 
     return false; 
    } 
}); 

但想知道是否有任何方法來修改這個，所以它可以提交任何形式？

感謝

Answer 1

而是爲每個按鈕單擊處理程序中，使用的一種形式。如果你想保持相同的格式，然後提交處理

$('form').on("submit", function() { 
    return confirm('Continue?'); 
}); 

---

，您可以針對所有提交提交按鈕裏面的表格

$('form input:submit').on("click", function() { 
    if (confirm('Continue?')) { 
     $(this).closest('form').submit(); 
    } else { 
     return false; 
    } 
}); 

Answer 2

如果你可以用這種方式使用多種形式

<form method='post' name='test' id="form1"> 
<input id="test" type="button" onclick="submitForm(1)" value="test" /> 
<form method='post' name='test' id="form2"> 
<input id="test" type="button" onclick="submitForm(2)" value="test" /> 

對於使用jQuery或Ajax的提交表單，您可以使用下面的代碼

function submitForm(counterVal){$.post('form-post-url/',$('#form'+counterVal).serialize(),function(resp) 
    { 
     /// here is your response 
    }); 

這樣你就可以很容易地使用第n層的形式。