问题标签 [jquery-forms-plugin]

我有一个表单，我使用表单插件中的 jQuery 的 ajaxSubmit 函数提交。我正在尝试在提交之前将表单名称/值对添加到表单数据中。我的计划是在 beforeSubmit 事件处理程序中修改表单数据。

给定一个看起来像这样的函数：

如何向 formData 添加一个简单的对？它是一个数组，形式为：

谢谢，布赖恩

我将 jQuery 与表单插件结合使用，我想在提交之前拦截表单数据并进行更改。

表单插件有一个名为 beforeSubmit 的属性，它应该执行此操作，但我似乎无法让我指定的函数运行。

这是表单的标记（省略了一些样式细节）：

这是我到目前为止的javascript：

（log.info() 来自我正在使用的Blackbird调试器库）

当我单击提交按钮时，而不是我指定的 POST 动词，它使用 GET 代替，并且我的 beforeSubmit 函数没有记录任何内容。似乎 ajaxForm 插件根本没有应用于表单，但我不明白为什么。有人可以帮忙吗？

这是参考 jQuery 1.3 和 jQuery Form Plug 2.25。

希望这对业余爱好者来说也是小菜一碟，但我一无所知。

我想做的是将目标值定义为我预先定义的变量；我们会说它是“x”。这在上面的示例中显示，但“目标：x”行当然会失败。我怎样才能做到这一点？

另外：我知道在这个例子中 x = div#response，但在我正在处理的现实世界问题中，我没有一个可靠的 x 定义。我知道在这个例子中我可以将“target：x”更改为“target：div#response”，它会起作用，但这个例子只是为了论证。我需要目标等于 x。我怎么做？

我正在使用JQuery Form Plugin、JQuery 验证插件和 jqTransform 插件。

我有一个隐藏的表单，我可以看到它来添加或编辑东西。编辑或添加操作会触发下一个函数调用。

每个调用都有不同的参数。对于添加，我称之为

为了编辑，我称之为

这就是发生的事情：

• 重新加载页面。
• 编辑一个玩具。
• 提交表格。
• 调用 editToy 函数。
• 尝试添加一些东西。
• 函数 activateAddForm 使用 addToy 作为回调调用，但是一旦提交表单，就会调用 editToy 函数。

如果我在重新加载后做的第一件事是添加一个玩具。然后总是调用 addToy 函数。

我试过添加：

或者

但它没有工作。知道我能做什么吗？

变通方法试验

Activa 建议添加该行：

下一个案例：

• 重新加载页面。
  • 编辑一个玩具。
  • 提交表格。
  • 调用 editToy 函数。
  • 尝试添加一些东西。
  • 调用表单 editToy 函数，然后调用 add 函数。

上述修复不起作用，但似乎方向正确。

还有什么想法吗？

我的一个页面中有一个确认步骤。

期望的行动：

• 用户单击“提交”并发出 AJAX 请求，该请求执行适当的操作并返回确认对话框

• 用户“确认”，然后使用标准帖子提交表单。

所以对于第一部分，我可以使用 jQuery 表单插件：

对于第二部分，我想再次提交表单，但不是 ajax。基本上我想这样做：

并让它做一个实际的浏览器帖子。问题是 $('form').submit() 只是触发了ajax提交。

有没有办法将表格用于这两个目的？

我正在使用 JQuery UI 选项卡。当我使用 "$("#" + target).tabs('add', url, title);" 创建选项卡时 方法它打开一个选项卡并正确调用一个ajax表单..

现在，当我打开包含相同表单的相同选项卡时，问题就存在了。当使用表单插件提交表单时，事情就搞砸了。我假设这是由于多个区域具有相同的 div id，因此表单插件不知道要更新哪个。

有没有办法解决这个问题？

我将以下代码绑定到按钮的单击事件：

ajaxSubmit 和 beforeSubmit 回调的时间安排如何发挥作用 - beforeSubmit 回调是否总是在 ajaxSubmit() 执行返回之前返回？

代码的行为符合预期 - 返回 $submitOK 等于 $('#form1').valid() 的结果，但我想确保这是确定性行为。

谢谢。

继我之前的问题之后， Meder很快就回答了这个问题，这并不好笑，现在在提交可重用 jQuery 表单的过程中弹出了一个额外的问题，它不会让用户离开他们所在的位置.

问题

jQueryserialize()函数在页面内的所有表单上执行它的魔力，而不是在提交的特定表单上。下面的示例代码。

如何捕获表单的唯一名称/ID，并"form"在其中替换$("form").serialize()为目标表单的名称，以便仅对其进行序列化？

表格代码

jQuery 序列化和发布

我手上有一个非常奇怪的问题。

• 我有两个使用主机头的 IIS 网站。

我有一些使用 JQuery 和 JQuery.forms 将简单表单​​发布到控制器的简单代码。控制器返回 JSON。只要客户端代码存在于具有控制器代码的网站上，它就可以很好地工作。

当我将表单移到第二个 IIS 网站并尝试发布到控制器所在的第一个网站时，它停止工作。

有谁知道为什么会发生这种情况？是否有一些我不知道的跨域设置？

谢谢

大多数浏览器缓存表单值，因此当用户导航到另一个页面然后按下后退按钮时，不必重新开始。

使用jquery 表单插件，这也会在表单提交成功后发生。

以下场景：

1. 用户提交表单

2. 显示提交成功并清除表单的消息

3. 用户导航到其他页面

4. 用户按下后退按钮

5. 页面恢复到表单提交前的状态。

提交后调用 resetForm() 只会带回初始表单值，但不能解决缓存问题。

在页面加载时调用 resetForm() 可以解决缓存问题，但在页面之间导航时会破坏预期的浏览器行为：

提交成功后有没有办法清除缓存？