jQuery 多种表单和表单插件

发布于 2024-09-10 04:24:46 字数 797 浏览 9 评论 0原文

我有一个如下所示的 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();

原文

I have a html like below wherein there are multiple forms. I generate this using JSTL, so the number could vary depending on what is enrolled in my DB. Each form has its own submit button.

Basically, I wanted to use the Form Plugins ajax submit button, but I don't know how to reference the form.

<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>

My problem is how do I know which form id is getting submitted by using jQuery.

I don't know which form-name will I place in the call to the ajax form.

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无语# 2024-09-17 04:24:46

默认情况下，它会提交当前表单，例如您在其中单击“添加评论”的表单，因此只需按标签名称选择它们：

$('form').ajaxForm();

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

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

并按类选择：

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

重要的是要记住 .ajaxForm() 不会发送

它准备。您只需选择一些表格并准备它们......它们仍然单独提交。因此，您在这里所需要做的就是使用一个选择器，仅选择您想要准备通过 AJAX 提交的表单。

By default it'll submit the current form, e.g. the one you clicked "Add Comment" in, so just select them by tag name:

$('form').ajaxForm();

Alternatively (especially if there are other forms on the page), give them a class, for example:

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

And select by class:

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

It's important to keep in mind that .ajaxForm() doesn't send the <form> it prepares it. You're just selecting some forms and preparing them...they all still submit individually. So all you need to do here is use a selector that selects only the forms you want to prepare to submit through AJAX.

回复收藏 0 原文

~没有更多了~