Question

我有一个类似下面的HTML，其中有多种形式。我使用JSTL生成它，因此数量可能会根据我的数据库中注册的内容而有所不同。每个表单都有自己的提交按钮。

基本上，我想使用Form Plugins ajax提交按钮，但我不知道如何引用该表单。

<form id="form-1" action="approve.htm">
    <textarea name="comment"> </textarea>
    <input type="submit" value="Add Comment" />
</form>
<form id="form-2" action="approve.htm">
    <textarea name="comment"> </textarea>
    <input type="submit" value="Add Comment" />
</form>
.
.
.
<form id="form-10" action="approve.htm">
    <textarea name="comment"> </textarea>
    <input type="submit" value="Add Comment" />
</form>

我的问题是我如何知道使用jQuery提交哪个表单ID。

我不知道在调用ajax表单时会放置哪个表单名称。

$('#form-name?').ajaxForm();

Answer 1

默认情况下，它会提交当前表单，例如您单击“添加注释”的那个，所以只需按标签名称选择它们：

$('form').ajaxForm();

或者（特别是如果页面上有其他表单），给他们一个类，例如：

<form id="form-1" class="commentForm" action="approve.htm">

按班级选择：

$('form.commentForm').ajaxForm();

请务必注意.ajaxForm() 你只是选择一些表格并准备它们......它们仍然是单独提交的。所以你需要做的就是使用一个选择器，它只选择你想要准备通过AJAX提交的表单。

jQuery多个表单和表单插件

1 个答案: