使用jQuery提交表单后重定向到不同的URL验证submitHandler(不使用Ajax)

时间:2017-10-22 17:53:44

标签: javascript php jquery wordpress webhooks

我在使用WordPress网站制作表单时遇到问题:Zapier和AutopilotHQ。我希望将我的表单提交到myWebHookURL,但是要将页面重定向到不同的url,而不是myWebHookURL。我不能使用Ajax(AutopilotHQ无法使用它),我不能使用iframe。如果有办法用PHP做,我想知道如何。

表单属性:

<form id="myForm" action="https://myWebHookURL" method="POST"  name="myForm">

单击提交输入后,我使用jQuery插件验证它,并使用submitHandler函数中的form.submit将其提交给表单:

jQuery(document).ready(function(){
 jQuery('#myForm').submit(function(e){
    e.preventDefault();
    }).validate({
    rules:{
      ...},
    messages:{
      ...},
    submitHandler: function(form){
      form.submit();
  }});
});

现在我的页面重定向到附加到action属性的url。非常感谢你的时间!

1 个答案:

答案 0 :(得分:0)

如果您控制myWebHookURL,那么您可以接受表单数据,然后重定向到您想要的网址。

另一方面,如果您不控制myWebHookURL,因为它托管在其他地方,比如Zapier,那么我会在您控制的新网址中处理表单帖子,将相关数据从您控制的代码发布到webhook php,然后重定向到您想要的目标网址。

伪代码:

Repackage post data
Post the data to the webhook url (use guzzle for example, or some other http wrapper)
Redirect to desired destination (header('location: destUrl'))