जांचें कि कोई HTML इनपुट तत्व खाली है या उपयोगकर्ता

Question

द्वारा कोई मान दर्ज नहीं किया गया है this यहां प्रश्न। क्या मैं जांच सकता हूं कि डीओएम में एक तत्व का मूल्य है या नहीं? मैं इसे 'if' कथन में डाल रहा हूं और यह सुनिश्चित नहीं कर रहा हूं कि मेरा दृष्टिकोण सही है या नहीं। यहाँ जाता है:

if (document.getElementById('customx')){ 
    //do something 
} 

या यह होना चाहिए:

if (document.getElementById('customx') == ""){ 
    //do something 
} 

संपादित करें: मूल्य मेरा मतलब करके, customx एक पाठ इनपुट बॉक्स है। मैं कैसे जांच सकता हूं कि इस फ़ील्ड में कोई टेक्स्ट दर्ज नहीं है या नहीं।

Answer 1

getElementById विधि एलिमेंट ऑब्जेक्ट देता है जिसका उपयोग आप तत्व के साथ संवाद करने के लिए कर सकते हैं। यदि तत्व नहीं मिला है, तो null वापस कर दिया गया है। इनपुट तत्व के मामले में, value ऑब्जेक्ट की संपत्ति में मान विशेषता में स्ट्रिंग होती है।

तथ्य यह है कि && ऑपरेटर शॉर्ट सर्किट, और कहा कि दोनों null और रिक्त स्ट्रिंग एक बूलियन संदर्भ में "falsey" माना जाता है, हम आपको चेक तत्व अस्तित्व और मान डेटा की उपस्थिति के लिए इस प्रकार गठजोड़ कर सकते हैं का उपयोग करके:

var myInput = document.getElementById("customx"); 
if (myInput && myInput.value) { 
    alert("My input has a value!"); 
} 

Answer 2

आपका पहला मूल रूप से सही था। यह, एफवाईआई, बुरा है।

if (document.getElementById('customx') == ""){ 

डोम नोड्स वास्तव में जावास्क्रिप्ट वस्तु का अपना प्रकार के होते हैं: यह एक डोम नोड और एक स्ट्रिंग के बीच एक समानता की जांच करता है। इस प्रकार यह तुलना कभी भी काम नहीं करेगी क्योंकि यह दो अलग-अलग अलग-अलग डेटा प्रकारों पर समानता तुलना कर रही है।

Answer 3

आप चाहते हैं:

if (document.getElementById('customx').value === ""){ 
    //do something 
} 

value संपत्ति आप एक स्ट्रिंग मान दे देंगे और आप की तुलना करने कि कोई रिक्त स्ट्रिंग के खिलाफ की जरूरत है।

Answer 4

getElementById दोष वापस लौटाएगा यदि तत्व डोम में नहीं मिला था।

var el = document.getElementById("customx"); 
if (el !== null && el.value === "") 
{ 
    //The element was found and the value is empty. 
} 

Answer 5

var input = document.getElementById("customx"); 

if (input && input.value) { 
    alert(1); 
} 
else { 
    alert (0); 
}