Je suis reconnaissant si quelqu'un me donne une solution pour cela mon code de validation
<div *ngIf="(submitted||f.contact.touched) && f.contact.invalid" class="error-msg">
<div *ngIf="f.contact.errors.required">contact is required</div>
<div *ngIf="f.contact.errors.pattern">Please enter 10 digit Number</div>
</div>
Code HTML:
contact:['', [Validators.required,Validators.pattern("/^[0-9]{10,10}$/")]],
3 Réponses :
Si vous faites référence à valider que l'utilisateur a entré un numéro de code valide (indicatif régional, préfixe de numéro de portable), je pense que vous devriez écrire un validateur personnalisé. Peut-être que la meilleure façon de faire est de faire une validation côté serveur, vous pouvez donc ajouter ou modifier la logique de validation sans redéployer le frontend.
Je voudrais faire comme ceci:
[0,9] - Accept 0 to 9 numbers
{10,12} - Range
Regex: ^[0-9[{10,12}$
Où,
contact = new FormControl('', [Validators.required, Validators.pattern("^[0-9]{10,12}$")]);
Ceci est une validation téléphonique pour l'application angulaire
Si vous voulez une validation avec le code du pays
this.formbuilder.group({
phone: ['', [CustomValidators.phoneNumber('237')]]
});
Maintenant, utilisez-la dans votre groupe de formulaires
export class CustomValidators {
static phoneNumber(countryPhoneCode = '*'): ValidatorFn {
return Validators.pattern('([+]'+ countryPhoneCode + ')?([0-9]{9,12})$');
}
}
Oui! vous pouvez mais n'hésitez pas à publier votre code essayé
voici mon code de validation contact: ['', [Validators.required, Validators.pattern ("/ ^ [0-9] {10,10} $ /")]] et mon html
Pouvez-vous nous indiquer les exigences? Par exemple: il doit accepter un nombre minimum de
Xet un maximum deXet d'autresil doit accepter un numéro de téléphone mobile à 10 chiffres et également un numéro de téléphone fixe à 12 chiffres
Que dois-je faire lorsque quelqu'un répond à ma question?