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

HTML DOM Input Email required गुणधर्म यह निर्धारित करता है कि इनपुट ईमेल फ़ील्ड भरना अनिवार्य है या नहीं।

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

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

बूलियन मान लौटाना - true/false

inputEmailObject.required

required को बूलियन मान पर सेट करना

inputEmailObject.required = booleanValue

बूलियन मान (Boolean Values)

यहाँ "booleanValue" निम्न हो सकता है:

booleanValue	विवरण
true	फॉर्म सबमिट करने के लिए ईमेल फ़ील्ड भरना अनिवार्य है।
false	यह डिफ़ॉल्ट मान है और ईमेल फ़ील्ड भरना अनिवार्य नहीं है।

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Email required</title> <style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> </head> <body> 
<form> 
    <h1>मेल लिखें</h1> 
    <fieldset> 
        <legend>Email-required</legend> 
        <label for="EmailSelect">ईमेल आईडी: <input type="email" id="EmailSelect" required> </label><br> 
        <label for="textarea">संदेश: <textarea id="textarea" rows="2" cols="20" name="message" placeholder="संदेश टाइप करें..."></textarea></label><br> 
        <input type="button" onclick="showMessage()" value="मेल भेजें"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    function showMessage() { 
        if(inputEmail.required === true && inputEmail.value === '') 
            divDisplay.textContent = 'मेल नहीं भेज सकते: ईमेल आईडी आवश्यक है'; 
        else 
            divDisplay.textContent = 'मेल भेजा गया'; 
    } 
</script> </body> </html>

आउटपुट

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

'मेल भेजें' बटन पर क्लिक करने पर:

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

ईमेल फ़ील्ड का मान सेट करके 'मेल भेजें' बटन पर क्लिक करने के बाद:

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