在 Wordpress 表单管理器中一键提交多个表单

Posted 2023-05-09

【中文标题】在 Wordpress 表单管理器中一键提交多个表单

【英文标题】：Submit several forms with one button in Wordpress form manager

【发布时间】：2012-12-09 08:42:24

【问题描述】：

问题是这些表单是用简码生成的，我怀疑我创建的按钮导致提交 form1 然后 form2 因为它们而不起作用。

如下图：

原始按钮：

<input type="submit" name="fm_form_submit" id="fm_form_submit" class="submit" value="Siųsti" onclick="return fm_submit_onclick(1)">
<input type="submit" name="fm_form_submit" id="fm_form_submit" class="submit" value="Siųsti" onclick="return fm_submit_onclick(2)">
<input type="submit" name="fm_form_submit" id="fm_form_submit" class="submit" value="Siųsti" onclick="return fm_submit_onclick(2)">

我在做什么：

<input type="submit" name="fm_form_submit" id="fm_form_submit" class="submit" value="Siųsti" onclick="DoAllThese()">

然后：

function DoAllThese() 
return fm_submit_onclick(1);
return fm_submit_onclick(2);
return fm_submit_onclick(3);

任何线索会有什么问题？

【问题讨论】：

函数在第一个return之后返回，即return fm_submit_onclick(1);。即使您通过删除所有returns 来修改代码，它也会起作用，但这些函数所做的任何验证都将丢失

这不起作用。在第一个 return

之后失败

是的，我现在明白了......不知道该怎么办，这似乎是一个死胡同，因为插件结构不是我想要的。

【参考方案1】：

我刚刚遇到了这个问题，这是我使用的解决方案的一部分（这并不花哨，但它通常有效）：

    function subMultForms() 

     document.getElementById('form').submit();
     document.getElementById('form_two').submit();

    ;

然后调用function 并在所需元素上单击事件。另外，我不确定顶部的inputs 是否是您的标记的一部分——如果是的话——它们都共享相同的Id，这是无效的并且可能导致问题。

【讨论】：

是的，没错，问题是我的ID是一样的，只是onClick函数不同而已。我需要一键完成所有这些功能。但正如上面的人所说，在第一次返回函数之后，一切都失败了。也许有人知道如何预防？此外，关于您的代码，如果我将这些表单的 ID 更改为唯一的，一切都会好起来的吗？只是问一下，因为如果插件不理解这部分代码，我无法理解它将如何提交所有这些信息，因为它似乎与我的插件无关。我错了吗？

这完全取决于ID 的使用位置和用途，就像我之前所说的，使用重复的ID's 是无效的。我只是在猜测，因为我不清楚您要实现的目标 - 您可以将所有表单内容合并到一个 form 中。你用的是什么插件？