web-dev-qa-db-fra.com

Comment valider les valeurs TextInput en React Native?

par exemple, lors de la saisie d'un e-mail dans TextInput, il doit valider et afficher le message d'erreur. où l'e-mail entré est valide ou non

enter image description here

21
Karthick Kumar

Vous pouvez utiliser une expression régulière pour vérifier si le courrier entré est valide.

fonction Regex

validateEmail = (email) => {
  var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
};

Fonction de saisie de texte

onSubmit = () => {
if (!this.validateEmail(this.state.text_input_email)) {
  // not a valid email
} else {
  // valid email
}
49
G. Hamaide