validation - AngularJS の Valdr モジュールを使用して、キー押下時のコントロールのバインド検証

Question

Valdr モジュールを使用してフォームを検証しています。非常にうまく機能しており、タブを押すとコントロール コンテンツが検証されますが、入力中 (キーを押す) にコントロール コンテンツを検証したかったのです。

あなたの助けは非常に高く評価されています。

Answer 1

valdrは AngularJS バリデーターとして実装されています。これは、ngModel が更新されたときにキーを押すと、デフォルトで検証が行われることを意味します。

ぼかしでモデルを更新するようにngModelOptionsを構成することで、アプリでこの動作を変更した可能性があります。

そうでない場合は、CSS を変更する必要があります。これは、検証メッセージの可視性を制御する方法です。

次の CSS は、ユーザーがフィールドに入力を開始するとすぐに valdr メッセージを表示します。

.valdr-message {
  display: none;
}

.valdr-message.ng-invalid.ng-dirty {
  display: block;
}