Meta官方WhatsApp Flow输入框onChange事件及正则验证问询

1. 端点服务器能否捕获输入框的onChange事件？ #

WhatsApp Flow的端点服务器无法直接捕获输入框的onChange事件。因为Flow的前端交互由Meta客户端处理，只有用户提交表单（如点击下一步按钮）时，输入数据才会发送到服务器，实时输入变更不会主动推送至后端。

2. 仅在用户输入后显示embeddedLink的实现方案 #

• 条件渲染（前端配置）：在Flow的JSON配置中，为embeddedLink组件设置display_condition，判断对应输入字段是否非空。示例配置逻辑：{{input_field !== ''}}，用户输入内容后，组件会自动显示，无需服务器参与。
• 动态Flow更新（后端控制）：添加一个临时的“确认输入”按钮，用户点击后将输入数据提交至服务器；服务器验证输入非空后，返回更新后的Flow配置，将embeddedLink设置为可见状态。
• 实时前端验证联动：配置输入字段的即时非空校验规则，当输入符合要求时，前端自动触发embeddedLink的显示逻辑，全程在Flow客户端完成。

3. 能否用正则表达式验证输入字段？ #

完全支持。你可以在Flow输入组件的validation配置中指定正则规则，前端会自动校验用户输入并提示错误。示例配置：

{
  "type": "input",
  "name": "email",
  "label": "请输入邮箱",
  "validation": {
    "regex": "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$",
    "error_message": "请输入有效的邮箱地址"
  }
}

若需要更复杂的校验逻辑，也可在服务器接收提交数据后，执行正则校验并返回错误信息，由Flow前端展示提示。

内容的提问来源于stack exchange，提问作者Shanthini M