jQuery 多种表单和表单插件

Question

我有一个如下所示的 html，其中有多种形式。我使用 JSTL 生成此值，因此该数字可能会根据我的数据库中注册的内容而有所不同。每个表单都有自己的提交按钮。

基本上，我想使用表单插件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() 不发送<form>它准备它。您只需选择一些表格并准备它们......它们仍然单独提交。因此，您在这里所需要做的就是使用一个选择器，仅选择您想要准备通过 AJAX 提交的表单。