在一个注册页面如果没有填写,则要提示用户填写,显示浅红色提示,填写好了,变成无背景色。代码如下:
<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 οnlοad="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>