Bir HTML giriş elemanının boş olup olmadığını kontrol edin veya

Question

tarafından girilmiş herhangi bir değeri yoktur this ile ilgili soru burada. DOM'daki bir öğenin bir değeri olup olmadığını kontrol edebilir miyim? Bir 'if' ifadesine koymaya çalışıyorum ve yaklaşımımın doğru olup olmadığından emin değilim.

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

Ya da olmalıdır: İşte gider

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

EDIT: Yani Değere göre, customx bir metin giriş kutusudur. Bu alanın girilmiş metni olup olmadığını nasıl kontrol edebilirim.

Answer 1

getElementById yöntemi, öğe ile etkileşimde bulunmak için kullanabileceğiniz bir Element nesnesini döndürür. Öğe bulunamazsa, null döndürülür. Bir giriş elemanı durumunda, nesnenin value özelliği, değer niteliğindeki dizeyi içerir. aşağıdaki gibi && operatör kısa devreler ve her iki null ve boş bir dize bir boolean bağlamda "Falsey" kabul edildiğini, biz eleman varlığı ve değer verilerinin varlığı için çek birleştirebilirsiniz gerçeğini kullanarak

:

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

Answer 2

İlk kitabınız temel olarak doğruydu. Bu, FYI, kötü.

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

DOM düğümleri aslında JavaScript nesnenin kendilerine tipidir: Bir DOM düğümü ve bir dize arasında bir eşitlik denetimi yapar. Böylece, bu karşılaştırma, iki farklı şekilde farklı veri türleri üzerinde bir eşitlik karşılaştırması yaptığından hiçbir zaman işe yaramayacaktır.

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

value özellik size bir dize değeri verecek ve boş bir dize karşı karşılaştırmak gerekir:

Answer 3

Sen istiyorsun. Öğe DOM'de bulunmadıysa getElementById öğesi false değerini döndürür.

Answer 4

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