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

1 人关注

我有一个问题,就是如何让Wordpress网站上的一个表单与两个工具一起工作。Zapier和AutopilotHQ。我希望我的表单被提交到myWebHookURL,但页面会被重定向到一个不同的URL,而不是myWebHookURL。我不能使用Ajax(AutopilotHQ不能使用它),也不能使用iframes。如果有办法用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();

现在我的页面重定向到了行动属性所附的网址。非常感谢您的时间

2 个评论
在form.submit()之后,你可以直接使用javascript来重定向=> window.location = "example.com "。
嗨,不幸的是,这并不奏效,因为form.submit()将用户带到另一个页面,其余的代码永远不会被执行。把这一行放在form.submit()之前也是如此。 :< 谢谢
javascript
php
jquery
wordpress
webhooks
Filip Rastovic
Filip Rastovic
发布于 2017-10-23
1 个回答
RichGoldMD
RichGoldMD
发布于 2017-11-01
已采纳
0 人赞同

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

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