jquery - 表单数量未知的页面的解决方案。如何处理？

Question

我的网站有问题。我想创建一个具有多种形式的页面（类似于未知数量帖子的评论表单）。我想要的另一件事是提交评论表单而不刷新我的页面。使用已知数量的表单，我可以用 ajax 解决我的问题。但是编号未知，我不知道如何命名这些表格，如何编写jquery代码来解决！PS：我的网页是用JSP写的。谢谢你的帮助！

Answer 1

您不需要命名所有表单，您可以使用 jquery最接近的函数来获取表单的值。像这样的东西

​</p>

<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。点击这里

更新由于OP需要使用Jquery validate

更新的演示

Answer 2

我编写了一个小脚本，旨在处理需要一个控制器来处理多个脚本的情况。

该脚本有一个 switch 语句，可让您处理某些脚本以进行特定的回调。所有其他脚本将在 switch 语句的“默认”情况下运行回调。这些回调是让您放置任何需要在表单的 ajax 提交成功时运行的代码。

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

希望能帮助到你