javascript - 通过javascript更新html表单中文本输入的背景颜色

标签 javascript html forms html-input

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

请问有人可以帮我完成这个工作吗?

最佳答案

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

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

关于javascript - 通过javascript更新html表单中文本输入的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12876710/

相关文章:

php - 将 php 页面上的表单提交到同一页面是不好的做法吗?

php - 子域无法识别 Cookie

jquery - 在调整大小时保持图像覆盖在 div 中

javascript - 带复选框的只读文本列

html - 基于宽度的中心菜单

forms - symfony2 多个嵌套表单原型(prototype)

php - 几种阻止表单正常提交的方法?

javascript - Bloomapi,XMLHttpRequest 无法加载

javascript - 在溢出div的水平滚动上,填充进度条

javascript - 更新 Handlebars 数据而不重新生成整个模板