Как проверить значения TextInput в реакции native?

Например, при вводе электронной почты в TextInput он должен проверить и отобразить сообщение об ошибке. где введенное электронное письмо действительно или нет

введите описание изображения здесь

Ответ 1

Вы можете использовать регулярное выражение для проверки правильности введенной почты.

Функция регулярных выражений

validateEmail = (email) => {
  var re = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[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);
};

Отправить функцию ввода текста

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