javascript - 通过javascript以html形式更新文本输入的bg颜色

Question

我有一个表单，我想在用户提交之前对其进行验证。为此，我编写了一个基本的 js 文件，用于检查值是否留空。在这种情况下，我希望文本字段的背景颜色更新为红色。我在网上环顾四周，正在努力让这个工作。这是我到目前为止所拥有的：

HTML 表单：

<script language="javascript" src="validateForm.js"></script>
<form name="contact form">
    <input  type="text" name="name"></td>
    <input type="button" value="Send" onsubmit="return validateForm()" method="post">
</form>

Javascript：

function validateForm()
{
var result = true;
var form = document.forms["contact form"];

// Name
var name = form["name"].value;
if ( name == null || name == "" )
{
    form["name"].style.backgroundColor = red;
    result = false;
}

return result;
}

请有人可以帮我完成这项工作吗？

Answer 1

使用红色作为字符串（你错过了引号） jsfiddle

form["name"].style.backgroundColor = "red"; // not red