大家好!

我需要一个自定义表单提交的帮助,目前触发以下代码:

  .

除了将电子邮件和电话输入存储到本地存储之外,我还希望确保电话输入通过电话号码验证API(在我的示例中是numlookupapi或twillio)进行验证。如果API返回true,我希望成功提交,如果为false,我希望弹出电话号码输入验证并阻碍提交。

你将如何解决这个问题?

@vertic波:欢迎来到论坛!

我想用另一种方法来简化这个问题……

  1. 我会设置一个本地Webflow表单来提交Make.com通过Webhook。

  2. 当表单提交到达Make(带有您的电子邮件、电话号码和其他信息)时,我会向Twilio发出一个API请求,以进行检查。

  3. 如果响应成功,则继续提交表单。

  4. 如果响应失败(不是有效的电话号码),则将用户浏览器重定向到描述问题的失败页面。

  5. 如果你将失败消息设置为弹出式,让Make的Webhook响应模块返回JSON,一小部分自定义Javascript使用并处理它以供显示。

@ChrisDrit,准确吗?我一直期望Make和Zapier的webhook能够立即(成功地)返回数据捕获,而不管下面的过程步骤如何。

是否真的有可能让浏览器等待,并返回Webflow将从JSON响应中识别和显示的错误/失败代码?那将是非常酷的。

准备好迎接“特别酷”: rofl:

对于Zapier,你百分百正确,先生。

Zapier webhook在这个部门是软弱无力的。他们确实会像你说的那样回来。立即与成功无关的以下过程步骤愤怒:

这是一个限制,也是我个人在大多数事情上离开Zapier的原因之一。

另一方面,Make webhook充满了强大的威慑力: star_struck:

如果你使用Make Webhook,他们会为你提供一个特殊的“响应”Webhook。

所以流程是。

  1. 发送一些东西到Make Webhook

  2. 在Make上执行一堆处理步骤。调用外部API的。CRUD你的方式通过他们的数据存储。随你的便!

  3. 通过Make Webhook响应向浏览器返回一个HTTP响应。

这就是神奇之处。

浏览器一直在等待Webhook的响应。您现在可以(基本上)发回任何普通HTTP响应可以发回的内容。

  • 返回一个带有浏览器重定向到的新url的“Location”头。

  • 返回一个JSON blob(你会喜欢这部分的!),Javascript片段可以对它做出反应: exploding_head:

让我们做一个快速构建!

打开你的自由Make.com帐户:

搜索并选择Webhooks:

选择自定义webhook(现在忽略魔术响应webhook,即使我知道你想点击它!):

抓取url,点击OK按钮:

转到你的Webflow账户。创建一个基本的、通用的但本机的Webflow表单。

粘贴你的Make Webhook URL并选择POST方法:

回到您的免费Make帐户:

添加另一个模块,选择Webhooks:

是的!现在点击Webhook响应模块(太棒了!):

现在你得到了HTTP响应所需的所有内容:

切换显示高级设置得到你的好东西。

为了快速运行,只需添加带有URL的301重定向头https://example.com现在:

点击“运行一次”按钮:

回到你的Webflow设计器,发布你的项目,打开现场网站,填写表格,提交它:

回到你的Webflow设计器,发布网站,打开现场网站,填写表格:

,那么:

是的,是的,是的,我知道。

您希望将JSON blobs返回给首先触发它的Javascript。

下面是一段视频,带您了解如何做到这一点,以及Javascript代码片段(尽管我知道@memetican,你不需要JS代码片段眨眼:):

发布问题,我在这里回答他们!

克里斯,谢谢你带我参观,你真聪明。我在《Zapier》上可能有100个生欧宝体育在线首页产打击,但我一直在等待更好的东西出现。使也许只是一个平台。

Zapier在线性逻辑流、仅启动的webhook以及对代码步骤和外部库的有限支持方面通常都过于有限。有时这是更高级的工作流程所需要的。

我一定会做一些实验!