Question

我正在使用AMP HTML创建联系表单。

在action-xhr提交后收到成功回复后，我想打开另一个表格进行OTP验证。验证网址仅在成功响应中出现。

我知道嵌套表单是针对HTML验证的，因此成功模板中的另一个表单根本不可能。除了重定向之外，我可以通过哪种技术/方法实现这一目标？

Answer 1

您可以将AMP的submit-success事件，show操作和hidden属性组合在一起，以显示隐藏的表单。

<form 
  method="post"
  action-xhr="/form/echo-json/post"
  target="_blank"
  on="submit-success:form2.show"
>
  <!-- ... -->
</form>

<!-- ... -->

<form id="form2" hidden>
  <p>But wait! There's more!</p>
  <!-- ... -->
</form>

如果您想将某些内容绑定到成功回复，则需要添加amp-bind并使用on="submit-success:AMP.setState({property: event.response.property})"

在AMP HTML中提交另一个表单

1 个答案: