javascript检测到页面输入有误，怎样在页面把有错的地方用不同颜色标示？

Question

比如说：<SCRIPT language=JavaScript type=text/javascript>
<!--if( text1.value == "")
  return false;if (text2.value == "")
  return false;
//->
</script>我目前的处理方式是直接alert(),然后return false，但是我们主管要求我把出错的地方用不同的颜色标示出来。
我唯一想到的方法是把出错的地方用FLAG记录下来，然后最后把整个页面重写，可是重新写页面后我改正了错误，submit后还要写一次正确的页面吗？
我的页面有几十行尼，哭~~~~~请大家给我支招，谢谢~~~~

Answer 1

这样解决你看是否可以?当你提交的时候要先调用你的javascript方法去检验是否合法,如:
if(text2.value==null || text.value="") {
    //改变出错的地方的颜色代码,例如:
    text2.class = "你的样式";
    return false;
    //这样就可以改了吧!
}

Answer 2

是一种不同的颜色还是多种不同的颜色？你这个像是表单提交判断，那么出错后你可以触发一个函数（这个函数负责改写错误地方的样式）例如：function Change_Style(ID,Style)
{
    ID是要处理的对象
    Style是各种样式
}这样的话他要啥颜色给他增加一个就是

Answer 3

//样式处理
function Change_Style(ID,onMouse,Style)
{
//判断HTML对象是否存在，提高脚本容错能力。
if( !window.document.getElementById(ID) ){return;} //定义变量，提升浏览器识别能力
var ID = window.document.getElementById(ID)

//选择样式
switch(Style)
{
case 1:
if( onMouse )
{
ID.style.backgroundColor='#FFFFFF';
ID.style.color='red';
//ID.style.fontWeight='bold';
}
else
{
ID.style.backgroundColor='';
ID.style.color='';
//ID.style.fontWeight='';
}
break;

case 2:
ID.style.cursor='pointer';
if( onMouse )
{
ID.style.backgroundColor='#EEEEE6';
ID.style.color='red';
}
else
{
ID.style.backgroundColor='';
ID.style.color='';
}
break;
default:
break;
}
}
//这个给你参考

Answer 4

我试了如下方法，还是没有成功：<TR>
<TD  id="text1" width="50%" bgcolor="#C0C0C0" align="right"  ><b>Network Key1:</b> </TD>
<TD width="50%" bgcolor="#EDECEC">
<input type=password name="WL_WEPKEY1" size="26" maxLength=26 value="${WL_WEPKEY1}" onchange=wl_check_wepkey(document.forms[0].WL_WEPKEY1)>
</TD>
</TR><SCRIPT language=JavaScript type=text/javascript>
<!--
function wl_check_wepkey(obj)
{
  var len = obj.value.length;
  
if ( len == 10 || len == 26 )
{
   if(/[^0-9a-fA-F]/g.test(obj.value))
  {
document.getElementById("text1").style.color = 'red'; document.getElementById("text1").style.backgroundcolor = 'red';
         （进入这个分支以后以上这两行没在页面表现出来，直接return false了！！）
return false;
  }
  else
  {
         alert("Invalid length!");
return false;
   }

}</SCRIPT>

Answer 5

我需要实现的是：比如我这个页面有60个<tr>....</tr>，其中4行用户输入的值有错误，我在submit的时候检测到这4个错误后，在页面把这4行用红色标注出来，让用户知道这4行是有错误的。

Answer 6

目前我尝试用如下方法，当我submit的时候，进行全部输入值的检测，发现有错误的时候出现红色的报错字眼，并且跳出message提示，
可是当我点掉messagebox的时候，提醒的红色字眼消失了？？？？？
我想保留这些红色的报错字眼，直到用户改正后submit再检查。<SCRIPT language=JavaScript type=text/javascript>
<!--
function wl_check_wepkey()
{
var f=1;
if ( 1 == wl_check_wepkey1(document.forms[0].WL_WEPKEY1))
{
f=0;
document.getElementById("abc1").style.visibility='visible';
};
if ( 1 == wl_check_wepkey1(document.forms[0].WL_WEPKEY2))
{
f=0;
document.getElementById("abc2").style.visibility='visible';
}; if ( 0 == f)
{
 alert("value error!!");
   return false;
  }
else
return true;
}function wl_check_wepkey1(obj)
{
  var len = obj.value.length;
var flag = 1;

if(/[^0-9a-fA-F]/g.test(obj.value))
{
return flag;
}
else
{
flag = 2;
return flag;
}
}
</SCRIPT><TR>
<TD  id="text1" width="50%" bgcolor="#C0C0C0" align="right"  ><b>Network Key1:</b> </TD>
<TD width="50%" bgcolor="#EDECEC">
<input type=password name="WL_WEPKEY1" size="26" maxLength=26 value="${WL_WEPKEY1}" >
</TD>
</tr>
<tr>
<td> <span id="abc1" style="color:Red;visibility:hidden;">value error！</span></td>
</tr>
<TR>
<TR>
<TD  id="text1" width="50%" bgcolor="#C0C0C0" align="right"  ><b>Network Key2:</b> </TD>
<TD width="50%" bgcolor="#EDECEC">
<input type=password name="WL_WEPKEY2" size="26" maxLength=26 value="${WL_WEPKEY2}" >
</TD>
</tr>
<tr>
<td> <span id="abc2" style="color:Red;visibility:hidden;">value error！</span></td>
</tr>

Answer 7

我开始是在click submit的时候调用检查程式，这个方法是有错误的，应该用onsubmit方法进行检查，再加上我上面的代码，检查结果正确了。