Làm cách nào để xác thực giá trị TextInput trong phản ứng gốc? Ví dụ:

Question

Khi nhập email trong TextInput, nó sẽ xác thực và hiển thị thông báo lỗi. nơi email cho vào là hợp lệ hay không

Answer 1

Bạn có thể sử dụng một regex để kiểm tra xem thư vào là hợp lệ.

chức năng 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); 
}; 

Gửi chức năng nhập văn bản

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