如何在原生反應中驗證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 
}