2012-09-04 55 views
1

我的網站有問題。 我想創建一個擁有許多表單的頁面(類似於未知郵件數量的評論表單)。還有一件事是我想提交評論表單而不刷新我的頁面。 已知數量的表單,我可以解決我的問題與AJAX。但是數字不明,我不知道如何命名這些表單,如何編寫jquery代碼來解決! PS:我的網頁是用JSP編寫的。 感謝您的幫助!解決方案頁面的表單數量未知。如何處理?

+0

難道是可行的做一些事情,如Facebook,你需要點擊「添加註釋」出現的形式之前,即您可以使用Javascript插入表單,並且一次只能在頁面上使用一種表單。 –

+0

謝謝,好主意。 但在臉書上,它總是顯示很多形式,不是嗎? 除此之外,正如你所說,每個表格都屬於一個特定的帖子,所以它有它自己的ID或名稱。如何編寫JavaScript來處理所有這些形式? – Songokute

回答

1

你不需要命名所有的表單,你可以使用jQuery closest功能,讓你的表價值。這樣

<form> 
<input type="text" name="comment"> 
<input type="hidden" name="usrid" value="1"> 
<input type="button" class="submitbut" value="Submit"> 
</form><br/> 

<form> 
<input type="text" name="comment"> 
<input type="hidden" name="usrid" value="2"> 
    <input type="button" class="submitbut" value="Submit"> 
</form><br/> 

<form> 
<input type="text" name="comment"> 
<input type="hidden" name="usrid" value="3"> 
    <input type="button" class="submitbut" value="Submit"> 
</form> 

而Jquery的

$(".submitbut").click(function() { 
    alert($(this).closest("form").serialize()); 
});​ 

這裏有些事情是的jsfiddle爲您排憂解難。 click here

更新由於OP需要使用jQuery驗證

Updated Demo

+0

謝謝,希望這種方法與「驗證」功能很好地工作:D – Songokute

+0

@Songokute我更新了我的答案使用jquery驗證too..pls檢查 – Sibu

+0

感謝您的好意! – Songokute

0

我寫了一個小腳本,旨在處理這種情況,您需要一個控制器來處理多個腳本。

該腳本有一個switch語句,可讓您處理某些腳本以進行特定回調。所有其他腳本將在switch語句的「默認」情況下運行回調。這些回調是爲了讓你放置任何需要在表單的ajax提交成功時運行的代碼。

這裏是鏈接 https://github.com/andresgallo/FORM-POSTER-using-AJAX-and-JQUERY/blob/master/ajaxFormPoster.js

希望它可以幫助

相關問題