反応したネイティブのTextInput値を検証する方法は？

Question

たとえば、TextInputに電子メールを入力する際に​​、エラーメッセージを検証して表示する必要があります。入力されたメールが有効であるかない

Answer 1

どこで入力されたメールが有効であるかどうかを確認するために正規表現を使用することができます。

正規表現機能

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); 
}; 

テキスト入力機能を提出

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