Jquery在一個頁面中提交多個表單

我搜索並從這裏找到了漂亮的代碼。 Submit a form using jQuery Jquery在一個頁面中提交多個表單

<input type='button' value='Submit form' onClick='submitDetailsForm()' /> 
<script language ="javascript" type = "text/javascript" > 
    function submitDetailsForm() 
    { 
     $("#formId").submit(); 
    } 
</script>

但是，你能告訴我們如何處理頁面中的多個表單嗎？

<form id="myForm1" action="comment.php" method="post"></form> 
<form id="myForm2" action="comment.php" method="post"></form> 
<form id="myForm3" action="comment.php" method="post"></form> 
<form id="myForm4" action="comment.php" method="post"></form>

來源

2012-07-23 Thanaporn

精確複製http://stackoverflow.com/questions/ 11373361/jquery-multiple-forms-submit – Sibu 2012-07-23 09:33:20

做到這一點，我建議把一個類上要提交這樣每個輸入按鈕。

例如，你可以有一些形式是這樣的：

<form id="form1"> 
    <!--Form elements--> 
    <input class="submitButton" type="button" value="submit" /> 
</form> 
<form id="form2"> 
    <!--Form elements--> 
    <input class="submitButton" type="button" value="submit" /> 
</form>

然後，您可以使用jQuery來提交他們是這樣的：

$(".submitButton").click(function() { 

    //Select the parent form and submit 
    $(this).parent("form").submit(); 

});

來源

2012-07-23 09:06:37 Undefined

嗨，山姆，非常感謝你，我現在有了一個想法。對不起，我對jQuery很新。 – Thanaporn 2012-07-23 10:43:06

@Thanaporn根本沒有問題，我會考慮上面對你的問題的評論，它的價值很快就會接受一些答案。快樂的編碼！ – Undefined 2012-07-23 10:44:11

沒有Ajax就沒有辦法做到這一點。當你提交一個表單時，你實際上正在發出一個http請求，所以會加載一個新的html頁面。

避免這種情況的唯一方法是通過Ajax發送表單，這樣您就可以控制請求的響應（因此無法阻止您通過此方式發送多個表單）。

您可以this jQuery plugin

來源

2012-07-23 09:06:22 enTropy

Jquery在一個頁面中提交多個表單

回答

相關問題