アンプ形式の有効入力を検出する

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です。