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

【问题标题】：Update bg colour of text input in html form via javascript通过javascript以html形式更新文本输入的bg颜色
【发布时间】：2012-10-04 07:27:09
【问题描述】：

我有一个表单，我想在用户提交之前对其进行验证。为此，我编写了一个基本的 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;
}

请有人帮我解决这个问题吗？

【问题讨论】：

标签： javascript html forms html-input

【解决方案1】：

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

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

【讨论】：