在表单提交时创建一个弹出窗口答案

【问题标题】：Creating a popup upon form submit在表单提交时创建一个弹出窗口
【发布时间】：2012-01-08 08:05:07
【问题描述】：

我有一个 wordpress 网站，我正在尝试在用户单击提交按钮时显示一个带有“我同意条款和服务”的复选框。用户必须在提交之前检查这一点，并且它需要在弹出窗口中（而不是另一个表单字段）。

我尝试过 javascript，但我不太擅长使用它，当然我也尝试过编辑实际的 PHP，但这比我想象的要混乱。

你可以在这里看到它：http://www.choosewiselybook.com/tell-us-a-story/submit-your-story/

非常感谢您的帮助

【问题讨论】：

如果您展示您迄今为止所做的努力以及他们失败的地方，您可能会获得更多的牵引力。我们可以帮助您解决您遇到的具体问题。

标签： javascript html forms wordpress popup

【解决方案1】：

一种相当直接（有点骇人听闻）的方式：可以编辑链接页面中的提交按钮（如果您可以访问代码）以提出这样的确认问题：

<input type="submit" 
    onclick="return cforms_validate('', true) && confirm('You sure?')" 
    value="Submit" class="sendbutton" id="sendbutton" 
    name="sendbutton" style="cursor: auto;">

添加的是&& confirm('You sure?') 位，它确保（除了前面的验证方法）用户在弹出对话框中单击“是”。

【讨论】：

这行得通，问题是 PHP 循环遍历所有表单，我在网站上有另一个表单，我不希望这种情况发生......
那么你需要识别你想要这个的特定形式。您最好的选择是 php，但我想您也可以将我的建议更改为 && (this.form.id !== "cformsform" || confirm('Sure?')) 之类的东西，使其仅适用于具有特定 ID 的表单。请注意，这使骇客解决方案成为更大的骇客：D

【解决方案2】：

为什么不将条款和条件作为 div 元素在其 css 中包含以下内容

`display:none;`

所以它开始时是看不见的。以及 html 中的复选框和新的提交或确认按钮接下来，将“提交”的任何 JavaScript 或提交按钮负责的任何操作移至新的提交按钮，并添加一个依赖于被选中框的 if 语句。然后，您需要使用以下 javascript 重新调整旧提交按钮的用途：

document.getElementById('confimationButton').style.display = 'block'

所以它会变得可见并弹出。我希望这是有帮助的。

【讨论】：