检测amp-form上的有效输入

Question

是否存在使您能够检测输入何时已成功更新的事件？

我设法得到的最接近的值是下面的值，但这只检测到值已经改变，而不检查它是否是有效的输入。我使用amp-bind来启用一个导航按钮来引导用户完成整个表单。

这样做的目的是确保用户在每个输入中都有一个有效条目之前无法继续操作。

​

<input
type="text"
id="postcode"
name="postcode"
placeholder="Postcode"
pattern="[A-Za-z]{1,2}[0-9Rr][0-9A-Za-z]? [0-9][ABD-HJLNP-UW-Zabd-hjlnp-uw-z]{2}"
on="change:AMP.setState({mainApplication: {postcode: event.value}})"
class="user-invalid valueMissing"
aria-invalid="true"
required>

<button
id="nextSection-2"
type="button"
class="button large alert"
on="tap:apply-section-2.show,apply-section-1.hide" [disabled]="!mainApplication.ownerStatus || !mainApplication.postcode || !mainApplication.houseNumber"
disabled>
Next
</button>

​

Answer 1

我找到的最接近的是this issue，你可能想在那里解释一下你的案例，看看是不是同样的问题。