कस्टम सत्यापन संदेश तब भी पॉप अप होते हैं जब इनपुट मान्य होता है

Question

मैं इनपुट type='email' इनपुट के लिए अपना स्वयं का अमान्य त्रुटि संदेश परिभाषित करने का प्रयास कर रहा हूं।

मैं नीचे दिए गए HTML का उपयोग करता हूं। समस्या यह है कि जब इनपुट सबमिट करते हैं, तो इनपुट मान मान्य होने पर मुझे कस्टम त्रुटि संदेश भी मिलता है।

<input name="resp_mail" required="required" onchange="try{setCustomValidity(' ')}catch(e){}" onkeypress="try{setCustomValidity(' ')}catch(e){}" oninvalid="setCustomValidity('Custom error message')" type="email" placeholder="Enter mail" /> 

इसके अलावा this fiddle

Answer 1

देखते हैं कि आप oninvalid पहले है और onchange के लिए स्थान निकाल कर onkeypress यह मुझे लगता है कि यह काम करता करने के क्रम को बदलते हैं।

<input 
    name="resp_mail" 
    required="required" 
    oninvalid="setCustomValidity('Custom error message')" 
    onchange="try{setCustomValidity('')}catch(e){}" 
    onkeypress="try{setCustomValidity('')}catch(e){}" 
    type="email" 
    placeholder="Enter mail" 
/>