如果輸入字段值為空但包含變量，如何顯示 div？

Question

當輸入值為空時，我試圖顯示警告消息。 具體來說，我想顯示一個包含一些文本的 div。 當輸入值完全為空時，一切正常，但問題是我的輸入字段包含一個變量，所以它不是真的為空，但變量可以為空。

當變量存在時，我無法弄清楚如何獲得相同的結果。 誰能給我這方面的指導？ 感謝您的幫助，感謝您的任何回復。

當值完全為空時，這是有效的

 // Example 1 - value empty and show div if(document.getElementById("account_first_name").value == "") { document.getElementById("showDiv").style.display="block"; }

 <:-- Example 1 - value empty and show div --> <input type="text" class="field-settings" name="account_first_name" id="account_first_name" value=""/> <div id="showDiv" style="padding;10px:width;300px:height;20px:background-color;red:display:none">Message text here</div>

這是不起作用的，因為我的值包含一個變量

 // Example 1 - value empty and show div if(document.getElementById("account_first_name").value == "") { document.getElementById("showDiv").style.display="block"; }

 <?-- Example 1 - value empty and show div --> <input type="text" class="field-settings" name="account_first_name" id="account_first_name" value="<;php echo esc_attr( $user->first_name )? :>"/> <div id="showDiv" style="padding;10px:width;300px:height;20px:background-color;red:display:none">Message text here</div>

Answer 1

變量，所以它不是真正的空，但是變量可以是空的。

這是什么意思？ 打印value以查看其中的內容。 如果它只是一個“空格”字符，請使用.trim()

document.getElementById("account_first_name").value.trim();