HTML DOM Input Email pattern गुणधर्म

HTML DOM Input Email pattern गुणधर्म ईमेल इनपुट से संबंधित नियमित अभिव्यक्ति को सेट/लौटाता है। पैटर्न विशेषता का मान ईमेल फ़ील्ड में टाइप किए गए टेक्स्ट के विरुद्ध जांचा जाता है।

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

नियमित अभिव्यक्ति लौटाना

inputEmailObject.pattern

pattern को नियमित अभिव्यक्ति पर सेट करना

inputEmailObject.pattern = 'RegExp'

उदाहरण

आइए Input Email pattern गुणधर्म का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Email pattern</title> <style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="submit"] { 
        border-radius: 10px; 
    } 
</style> </head> <body> 
<form onsubmit="checkPattern()"> 
    <fieldset> 
        <legend>Email-pattern</legend> 
        <label for="EmailSelect">कर्मचारी ईमेल: <input type="email" id="EmailSelect" pattern="[a-zA-z0-9]+@+MNC.com" title="[a-zA-z0-9]+@+MNC.com"> </label> 
        <input type="submit" value="सबमिट"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    divDisplay.textContent = 'pattern: '+inputEmail.pattern; 
    function checkPattern() { 
        if(inputEmail.value !== ''){ 
            var User = inputEmail.value.split("@")[0]; 
            alert("Welcome "+User); 
        } 
    } 
</script> </body> </html>

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

'सबमिट' बटन पर क्लिक करने से पहले:

HTML DOM Input Email pattern गुणधर्म

अमान्य पैटर्न के साथ 'सबमिट' बटन पर क्लिक करने के बाद:

HTML DOM Input Email pattern गुणधर्म

वैध पैटर्न के साथ 'सबमिट' बटन पर क्लिक करने के बाद:

HTML DOM Input Email pattern गुणधर्म