如何通过javascript更改文本框背景颜色?

时间:2010-08-05 12:26:00

标签: javascript

我的javascript -

function validate_loginform(loginform) 
{
var uid = loginform.uid.value;
var pass = loginform.pass.value;
if(uid == "") 
  {

    color('uid');       
    return false;
  }
if(pass == 0) 
  {
    color('pass');
    return false;
  }

return true;

}

function color(traget)
{
var targetbox = document.getElementById(target);
targetbox.style.backgroundColor="red";
}

但即使没有返回fasle值,背景颜色也不会改变。如果我删除了color('uid'); nad put alert("user name required");,那么这个脚本工作正常。哪有错误?
它在实际程序中的backgroundColor我只是错过了这里

6 个答案:

答案 0 :(得分:6)

使用jQuery你可以试试这个:

 $("#textbox").css("background-color", "red");

答案 1 :(得分:3)

不要调用颜色功能,如果条件像 -

那样改变颜色
if(uid == "") 
  {     
    //alert("You must enter User ID.","error");
    loginform.uid.style.borderColor='red';
    loginform.uid.focus();
    return false;
  }

答案 2 :(得分:2)

错字?

backgroungColor
         ^

更新

错字?

function color(traget)
               ^^^^^^
{
var targetbox = document.getElementById(target);

说真的,实际的代码很重要。

答案 3 :(得分:2)

小心你的拼写。它应该是“目标”,而不是“traget”。

  

功能颜色(traget)

答案 4 :(得分:1)

你在函数的最后一行函数头和背景错误拼写错误。

答案 5 :(得分:1)

从颜色('uid')

中删除单引号(')
and write it as color(uid);