将信息提交到url,也可以打开PDF


Submit information to url, but also open PDF

EDIT:我需要使用这个私人发布的页面密码:stackOF

我的客户希望她的Wordpress博客在她的主页上显示一个MailChimp表单,作为通往.pdf的门户。当用户点击"提交"时,我需要发生以下行为:

  1. 执行包含的MailChimp的javascript文件;这样可以确保表单正确填写,然后执行通讯列表的注册(不需要此部分的帮助)
  2. 然后向用户显示信息性PDF以供下载或查看编辑:逻辑顺序与我最初发布这篇文章时不同。脚本应该执行,只有当脚本正确执行时,PDF才应该显示给用户

注:

  • 我在HTML和PHP方面的经验水平是3/4,在JS方面的经验级别是2/4编辑:(现在看起来更像1/4,哈哈)。如果我的研究是正确的,PHP(服务器端语言)将被用来做客户端想要的事情
  • 在这种情况下,除了MailChimp的脚本提供的功能之外,不需要额外的验证(它可以确保用户提交了完整的表单)(如果电子邮件根本无效,客户端会说没关系)
  • .pdf URL和内容是静态的,只需要显示,而不是生成

----研究----我知道Mailchimp表单使用以下行来实际提交信息,但我想执行下面提到的操作,以及打开前面提到的.pdf:

<form action="http://*BLAH*.us2.list-manage.com/subscribe/post?u=*BLAHBLAH*&amp;id=*BLAHBLAHBLAH*" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">

我在其他网站上读到,我可以想象地将"action"指向一个.php文件,但如果有一种方法可以用javascript实现这一点——因为它已经使用了我为此创建的.js文件,那么我会非常高兴。除非那样,我会尽我所能。。

您可以尝试以下操作:

在mailchimp表单上添加一个onsubmit处理程序,如下所示:

<form onsubmit="runMyStuff(this)" action="http://*BLAH*.us2.list-manage.com/subscribe/post?u=*BLAHBLAH*&amp;id=*BLAHBLAHBLAH*" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">

您的javascript函数:

function runMyStuff( o ) {
    // open the pdf file in a separate window
    window.open( PATH_TO_YOUR_PDF_URL );
   // now, submit the form
   o.submit();
}

希望这能有所帮助。

您可能会创建一个包含脚本的页面,并有一个指向PDF URL的iframe。

相关文章: