Je veux limiter l'utilisateur à ne pas saisir de valeurs décimales et pas moins de centaines de centaines. Si l'utilisateur entre une valeur inférieure à 100, un affichage du message d'erreur indique "Min. La valeur est de 100" et Si l'utilisateur entre une valeur dans Decimal (E.G 138.01), un affichage de message d'erreur indique que "les valeurs décimales ne sont pas autorisées". S'il vous plaît aider !!!
Stackblitz Exemple de ce que je 'm faire.
3 Réponses :
Vous pouvez le faire simplement en donnant une longueur minimale (3) et un motif Demo
Vous pouvez utiliser Ceci fonctionne sur Votre exemple StackBliz P> motif = "^ [0-9] + ([0-9] {0,0})? $" Étape = "1" code>. <div class="form-group">
<label>Enter Coins to Withdraw</label>
<input class="form-control" formControlName="withdraw_coins" placeholder="min. 100" [ngClass]="{ 'is-invalid': submitted && f.withdraw_coins.errors }" pattern="^[0-9]+([0-9]{0,0})?$" step="1">
<div *ngIf="submitted && f.withdraw_coins.errors" class="invalid-feedback">
<div *ngIf="f.withdraw_coins.errors.required">Withdraw Coins is required</div>
<div *ngIf="f.withdraw_coins.errors.min">
Number should be greater than 100.
</div>
<div *ngIf="f.withdraw_coins.errors?.pattern">
Decimal values are not allowed
</div>
</div>
</div>
Utilisez l'angulaire intégré validateurs . Vous pouvez combiner les validateurs pour aider votre problème. Spécifiquement, les méthodes min et Remarque: Lorsque vous utilisez plusieurs validateurs, vous devez mettre les validateurs dans une matrice imbriquée. doivent résoudre votre problème.