【发布时间】：2014-05-09 04:12:57
【问题描述】：
我需要使用 Wordpress 插件“Easy FancyBox”在提交时嵌入表单结果。
这是一个小通讯形式。用户只需输入他的电子邮件地址并提交。然后它会打开一个花式框，里面有完整的时事通讯表格 (form2) 和第一步填写的电子邮件地址。
我让它工作了，但目前，当我提交时，它嵌入了 form2 并填充了电子邮件但没有fancybox。
这是我的第 1 步通讯表单代码：
<form id="myForm" method="post" action="newsletterform.php">
<input type="text" name="email_address">
<a href="#contact_form_pop" onclick="document.getElementById('myForm').submit(); return false;" id="submit_link" class="fancybox">submit</a>
</form>
我还尝试使用以下代码将 javascript 从表单中删除：
$(function(){
$('#submit_link').click(function(){
$('#myForm').submit();
return false;
});
});
它在fancybox中显示form2，但没有填写电子邮件地址。
感谢您的帮助。
编辑：
这是我最接近的代码。提交时，它会在 1 秒内显示花式框，然后显示 form2 正确填充。
<form id="myForm" method="post" action="newsletterform.php">
<input type="text" name="email_address">
<a href="#contact_form_pop" id="submit_link" class="fancybox">submit</a>
</form>
<script language="JavaScript">
window.addEventListener("DOMContentLoaded", function () {
var form = document.getElementById("myForm");
document.getElementById("submit_link").addEventListener("click", function () {
form.submit();
});
});
</script>
【问题讨论】：
-
不，您的链接中给出的解决方案似乎不起作用。我正在使用 Easy Fancybox wp 插件并尝试提交表单，而不是嵌入照片。
标签： javascript wordpress forms fancybox submit