如何检查文本框中的一个值是否大于另一个值，如果是，则显示跨度错误

Question

I want to check that Per Transacation Limit cannot be greater than Per Day Transaction Limit.

This is what I have so far:

<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>

Please tell me if I can do it with a function checkTransactionValues() in Javascript or anything else?

Answer 1

We can put that logic in checkTransactionValues() in typescript.

Here is a quick stackblitz: https://stackblitz.com/edit/angular-ivy-62442698