javascript - 如果输入字段为空显示 div

标签 javascript html input show

我想显示带有 id="showDiv"div,但前提是 input 字段带有 id ="textfield" 为空。

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

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

有人知道可以执行此操作的 Javascript 吗?

最佳答案

试试这个

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

检查 JSFiddle例如

关于javascript - 如果输入字段为空显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12317447/

相关文章:

javascript - 发送cookie到浏览器

javascript - 使用 ReactTable 时如何将此 url 更改为该代码中的链接?

jquery - 键盘覆盖 webapp 中的文本输入(iOS)

c - 将输入文件名保存为字符串? C

c - 搜索输入字符串的最佳搜索算法

javascript - 如何在内联模式下解决 webpack-dev-server 的 "Cannot GET/"

javascript - 如何在 Javascript 或 CSS 中实现完整的背景烟雾效果

jQuery 链接按钮与 div

html - 使用来自不同服务器的 css 链接到托管字体

javascript - 为 <div> 中用逗号分隔的文本应用不同的 css