正しい税率バリデーターを使用するにはどうすればよいですか。税率は「8」や8%ではなく「0.08」にする必要があります。ユーザータイプの入力が提出された場合、このフォーマットでは0.08のみが許可され、他のフォーマットでエラーが発生した場合に表示されます。これをangular4で使用したい。
これを行うには、リアクティブフォームを使用できます。バリデーターが組み込まれており、ニーズに合わせてカスタムバリデーターを簡単に追加できます。嬉しいことに、あなたのニーズに合うものがあります!
まず、変数を作成することから始めます。
myForm: FormGroup;
次に、フォームビルダーの依存関係を挿入し、フォームを作成します。
constructor(private FB: FormBuilder) {
this.myForm = FB.group({
tax: ['your initial value here', [Validators.pattern(/0\.\d{1,3}/)]]
});
}
これで、次のようなパターンバリデーターができました。
入力は「0.」で始まり、ポイントの後に1〜3桁の数字が表示されます。
(もちろん、必要に応じてパターンを変更することもできます)。
今、あなたのHTMLで:
<form [formGroup]="myForm" novalidate>
<input type="text" formControlName="tax" [class.invalid]="myForm.hasError('tax', 'pattern')">
</form>
これにより、パターンと一致しない場合、入力に「無効な」クラスが追加されます。
編集メソッドでそれを実行したい場合は、次のHTMLを使用してください。
<input type="text" (input)="changeTaxrate(this.value)" />
あなたのTSで:
changeTaxrate(value: string) {
let match = value.match(/0\.\d{1,3}/);
if (!match) { return; }
// Do you code here
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加