प्रतिक्रिया मूल में TextInput मानों को कैसे सत्यापित करें?

Question

उदाहरण के लिए, टेक्स्ट इनपुट में ईमेल दर्ज करते समय, इसे त्रुटि संदेश को सत्यापित और प्रदर्शित करना चाहिए। जहां दर्ज किए गए ईमेल वैध है या नहीं

Answer 1

यदि मेल में प्रवेश मान्य है की जाँच करने के लिए एक regex का उपयोग कर सकते हैं।

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

जमा करें पाठ इनपुट समारोह

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