通過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