Amp html 如何仅在某些条件与其他表单匹配时提交表单?

Amp html 如何仅在某些条件与其他表单匹配时提交表单?,amp-html,google-amp,Amp Html,Google Amp,我在用放大器。我正在询问用户的手机号码,然后点击api(让我们看X)。如果响应成功,则向用户显示结果,如果响应为错误,则我询问otp。进入otp并单击verify I后,点击api(让我们来看看)。api Y的回应如下 Response code=200 code=1 or 2 or 3 Response code=400 Message:"some error" 在api Y的success响应上,如果code=1,则只有我想点击api X。我不知道怎么做。以下是我所做的 <form

我在用放大器。我正在询问用户的手机号码,然后点击api(让我们看X)。如果响应成功,则向用户显示结果,如果响应为
错误,则我询问otp
。进入otp并单击verify I
后,点击api(让我们来看看)
。api Y的回应如下

Response code=200
code=1 or 2 or 3
Response code=400
Message:"some error"
在api Y的
success
响应上,如果code=1,则只有我想点击api X。我不知道怎么做。以下是我所做的

<form method="post"
      id="form1" 
      action-xhr="url of X api" 
      on="submit-error:otpScreen.show">
.
.
.
</form>
<form method="get"
      action-xhr="url of Y api"
      on="submit-success:event.response.code==1?form1.submit:otpScreen.hide"  //here i getting syntax error
>
<div id='otpScreen'>.......</div>
</form>

.
.
.
.......

甚至可以在某些条件下从第一个表单提交第二个表单吗?

在提交第一个表单之前,使用amp bind禁用第二个表单的提交按钮。例如:

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

您可以使用amp bind禁用第二个表单的“提交”按钮,直到第一个表单已提交。例如:

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

但是这不会自动提交表单2,我想在没有用户交互的情况下提交表单2,如果某些条件匹配(有问题的条件提及)没有得到,那就更简单了。更新了答案。但是这不会自动提交表单2,如果某些条件匹配(问题中提到的条件)没有得到,我想在没有用户交互的情况下提交表单2-这更简单。更新了答案。