Как проверить, больше ли одно значение в текстовом поле другого, если да, показать ошибку в диапазоне

Question

Я хочу проверить, что Per Transacation Limit не может быть больше, чем Per Day Transaction Limit.

Это то, что у меня есть на данный момент:

<input appNoSpace appTrimOnBlur appNumberOnly maxlength="10" [ngClass]="userUpdateForm.get('perDayTxnLimit').value?'is-invalid':''" class="form-control" type="text" commissionValues (keyup)=" checkTransactionValues(perDayTxnLimit,i,$event)"  (focusout)=" checkTransactionValues(perDayTxnLimit,i,$event)" id="perTxnLimit" formControlName="perTxnLimit">

<span *ngIf="userUpdateForm.controls.perTxnLimit.errors?.required && userUpdateForm.controls.perTxnLimit.touched">
   <small class="form-text error">Per Transacation Limit cannot be greater than Per Day Transaction Limit</small>
</span>

Скажите, пожалуйста, могу ли я сделать это с помощью функции checkTransactionValues ​​() в Javascript или чем-нибудь еще?

Answer 1

Мы можем поместить это logi c в checkTransactionValues() машинописного текста.

Вот быстрый стек: https://stackblitz.com/edit/angular-ivy-62442698