如果輸入字段爲空秀格

我想和ID =「showDiv」展現DIV，但前提是輸入場ID =「文本框」是空的。如果輸入字段爲空秀格

<form action=""> 
<fieldset> 
    <input type="text" id="textfield" value=""> 
</fieldset> 
</form> 

<div id="showDiv" style="width:50px;height:50px;background-color:#6CF;"></div>

任何人都知道一個JavaScript可以做到這一點？

來源

2012-09-07 Macchiato

試試這個

<script type="text/javascript"> 
if(document.getElementById("textfield").value == ""){ 
document.getElementById("showDiv").style.display="block"; 
} 
</script>

檢查JSFiddle的例子

來源

2012-09-07 11:50:35 kushalbhaktajoshi

工程就像一個魅力，謝謝@coosal :) – Macchiato

好像它不工作Chrome版本54.0.2840.71 – Tingiskhan

不再有效 – Syno

你可以寫：

$("#textfield").keyup(function(){ 
    if($(this).val()) { 
     $("#showDiv").hide(); 
    } else { 
     $("#showDiv").show(); 
    } 

});

活生生的例子http://jsfiddle.net/Z5sjS/3/

來源

2012-09-07 11:52:12

我寧可不使用jQ爲這個例子uery，但感謝您的快速回復:) – Macchiato

這是2017年2月工作 – Syno

If (document.getElementById("textfield").value == "") 
document.GetElementByZid("showDiv").style.display = "inline" 
Else 
document.GetElementByZid("showDiv").style.display = "none"

來源

2012-09-07 11:53:34

似乎不工作:( – Macchiato

在CHRO這一個工程我和它是純粹的JavaScript。

HTML：

Enter Text: <input type="text" id="myInput" onkeyup="showColorBox()">

的JavaScript：

<script>function showColorBox() { 
var x = document.getElementById("myInput"); 

var myDiv = document.getElementById("hiddenBox"); 
if (x.value != "") 
{ 
    myDiv.style.display = "block"; 
} else { 
    myDiv.style.display = "none"; 
}  
} 
</script>

的jsfiddle：https://jsfiddle.net/e39vou8s/1/

來源

2018-02-16 15:37:20 Diomedes

如果輸入字段爲空秀格

回答

相關問題