您的位置：首页 > Web前端 > JavaScript

用JS控制表格颜色变化

2008-08-30 12:32 477 查看

在一个注册页面如果没有填写，则要提示用户填写，显示浅红色提示，填写好了，变成无背景色。代码如下：

<html>
<script language="JavaScript">
     function init(){
alert("init");
  for   (i=0;i<document.all.tags("Input").length;i++)
    {
          obj=document.all.tags("Input")[i];
          if((obj.value.replace(/(^/s*)|(/s*$)/g,"")=="")) {
    document.all.tags("Input")[i].style.backgroundColor="#ffcccc";
       }
}

}

function notEmptyColor(obj){
  if(obj.value.replace(/(^/s*)|(/s*$)/g,"")!=""){
   obj.style.backgroundColor="#ffffff";
  }
  if(obj.value.replace(/(^/s*)|(/s*$)/g,"")==""){
   obj.style.backgroundColor="#ffcccc";
  }

}
</script>
<body onload="init()">
<table border="1" width="100" >
<tr><td>username</td><td><input type="text" onChange="notEmptyColor(this)" /></td></tr>
<tr><td>password</td><td><input type="text" onChange="notEmptyColor(this)"/></td></tr>
<tr><td>password2</td><td><input type="text" onChange="notEmptyColor(this)" /></td></tr>
</table>


</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： input function javascript border table

相关文章推荐

新的分享

章节导航