如果某些条件与其他形式匹配,如何提交表单?

时间:2017-12-27 13:58:15

标签: amp-html google-amp

我正在使用AMP。我问移动用户没有,然后是hit api(let's X)。如果响应成功,则向用户显示结果,如果响应为error then I asked otp。输入otp并点击后验证我hit api(let's Y)。 api Y的响应如下。

Response code=200
code=1 or 2 or 3
Response code=400
Message:"some error"

在api Y和success的{​​{1}}响应中。我不知道该怎么做。以下就是我所做的。

if code=1 then only I want to hit api X

甚至可以在某种情况下从第一张表格提交第二张表格吗?

1 个答案:

答案 0 :(得分:2)

使用amp-bind禁用第二个表单的提交按钮,直到第一个表单提交为止。例如:

<form id=form1 on="submit-success:AMP.setState({form1Success: true})">...</form>
<form id=form2>
   ...
  <input type=submit disabled [disabled]="!form1Success">
</form>

...或者您可以使用hidden属性隐藏第二个表单:

<form id=form1 on="submit-success:AMP.setState({form1Success: true})">...</form>
<form id=form2 hidden [hidden]="!form1Success">
   ...
</form>