时间戳

首页 > 解决方案 > JavaScript getElementByID - JavaScript 代码中的错误（字段留空，但单击时未变为红色）

javascript - JavaScript getElementByID - JavaScript 代码中的错误（字段留空，但单击时未变为红色）

问题描述

我有以下 JavaScript 代码，它似乎是正确的。

如果文本框留空，我只想在单击按钮时让文本框的背景变为“红色”。

有人可以指出以下代码中的错误。

function validate(){
  if (document.getElementById("textbox_1").value==' '){
    document.getElementById("textbox_1").style.backgroundColor='red';	
  }
}
<body>
   NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="textbox_1" />
   <INPUT TYPE="Button" VALUE="SEND" onClick="Validate()" />
</body>

标签： javascriptbuttontextboxgetelementbyid

解决方案

你把他的函数名写错了

function validate(){
if (document.getElementById("textbox_1").value=='')
    document.getElementById("textbox_1").style.backgroundColor='red';   
}
NAME:<input type="Text" size="15" value="" id="textbox_1">
<input type="Button" value="SEND" onClick="validate()">

推荐阅读