在表单提交时创建弹出窗口

时间:2011-11-28 22:07:06

标签: javascript html forms wordpress popup

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

我已经尝试过javascript,但我对它并不是很了解,当然我已经尝试过编辑实际的PHP,但这比我想象的更麻烦。

您可以在此处查看:http://www.choosewiselybook.com/tell-us-a-story/submit-your-story/

非常感谢你的帮助

2 个答案:

答案 0 :(得分:0)

一种相当直接(略带hackish)的方式:可以编辑链接页面中的提交按钮(如果您有权访问该代码)来询问这样的确认问题:

<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?')位,确保(除了前面的验证方法之外)用户在弹出对话框中单击“是”。

答案 1 :(得分:0)

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

`display:none;`

所以它从看不见开始。 还有一个复选框和html中的新提交或确认按钮 接下来,将“提交”的任何JavaScript或您的提交按钮负责的任何操作移动到新的提交按钮,并添加依赖于正在检查的框的if语句。 然后,您需要使用以下javascript重新调整旧的提交按钮:

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

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