web-dev-qa-db-ja.com

React NativeでTextInput値を検証する方法は?

たとえば、TextInputに電子メールを入力するときに、エラーメッセージを検証して表示する必要があります。入力した電子メールが有効かどうか

enter image description here

21
Karthick Kumar

正規表現を使用して、入力したメールが有効かどうかを確認できます。

正規表現関数

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
}
49
G. Hamaide