具有未知数量的表单的页面的解决方案。如何处理?

时间:2012-09-04 01:27:20

标签: jquery ajax forms jsp form-submit

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

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

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

希望有所帮助