请高手帮忙,看看这段js怎么写?

[cpzhg]

<table>
<form action="" method="post" name="reg_info">
<tr>
<td width="20%">用户名：</td>
<td width="60%"><input name="username" id="reg_username" type="text" size="30"></td>
<td width="20%">4-20个字符，可用中文、字母、数字注册</td>
</tr>
<tr>
<td width="20%">密码：</td>
<td width="60%"><input name="password" id="reg_password" type="password" size="30"></td>
<td width="20%">6-20个字符，可用字母、数字，不能与用户名相同。</td>
</tr>
<tr>
<td width="20%">重复输入密码：</td>
<td width="60%"><input name="password1" id="reg_password1" type="password" size="30"></td>
<td width="20%">请再次出入您上面填写的密码</td>
<tr>
</form>
</table>

当光标离开用户名输入框时，应立即判断是否符合条件，而不是到提交时才去判断.如果符合条件,则让"4-20个字符，可用中文、字母、数字注册"变为"该用户名可以注册";如果不符合条件，则让"4-20个字符，可用中文、字母、数字注册"变为"您输入的用户名有误".下面的密码也是同理.请问这段js怎么写呀?

[cpzhg]

谢谢楼上的各位,问题已经解决!
但现在有一个新的问题,如何使
if(obj.value!=document.getElementById("reg_username").value)
{
obj.parentNode.nextSibling.innerHTML="密码可以"
}
中的"密码可以"这四个字变为红色?

[cpzhg]

高手帮忙呀

[rootcn]

obj.parentNode.nextSibling.innerHTML="<font color=red>密码可以</font>";

[mingxuan3000]

楼上正解

[mingxuan3000]

<input name="username" id="reg_username" type="text" size="30"
onblur="func(this)"></td>
<td width="20%" id="td1">4-20个字符，可用中文、字母、数字注册</td>


function func(a){
if(check(a.value) == true){
document.getElementById("td1").innerText="该用户名可以注册";
}else{
document.getElementById("td1").innerText="您输入的用户名有误";
}
}

[cpzhg]

楼上的高手,测试通不过呀

[yiyioo]

改进了一下mingxuan3000(铭轩) 的代码


<script language="javascript">
function func(a){
if(a.value.length>=4&&a.value.length<=20){
document.getElementById("td1").innerText="该用户名可以注册";
}else{
document.getElementById("td1").innerText="4-20个字符，可用中文、字母、数字注册";
}
}

</script>
<table width="572">
<tr>
<td width="38%">
<input name="username" id="reg_username" type="text" size="30" onpropertychange="func(this)">
</td>
<td width="62%" id="td1">4-20个字符，可用中文、字母、数字注册</td>
</tr>
</table>

[mingxuan3000]

document.getElementById("td1").innerText="该用户名可以注册";

你主要是上面的那句明白就行了，check函数你自己写，注意,<td>里面有id

[尚和空四]

麻烦

[hbhbhbhbhb1021]

<script language=javascript>
function checkPassword(obj)
{
if(/^[\u4e00-\u9FA5a-zA-Z0-9]{6,20}$/.test(obj.value))
{
if(obj.value!=document.getElementById("reg_username").value)
{
obj.parentNode.nextSibling.innerHTML="密码可以"
}
else
{
obj.parentNode.nextSibling.innerHTML="用户名密码不能相同"
}
}
else
{
obj.parentNode.nextSibling.innerHTML="密码输入有误，密码必须6-20个字符，可用字母、数字，且不能与用户名相同"
}
}
function checkConfirm(obj)
{
if(obj.value!=document.getElementById("reg_password").value)
{
obj.parentNode.nextSibling.innerHTML="密码确认错误";
}
else
{
obj.parentNode.nextSibling.innerHTML="密码确认正确";
}
}
</script>
<table>
<form action="" method="post" name="reg_info">
<tr>
<td width="20%">用户名：</td>
<td width="60%"><input name="username" id="reg_username" type="text" size="30" onblur="if(/^[\u4e00-\u9FA5a-zA-Z0-9]{4,20}$/.test(this.value)){this.parentNode.nextSibling.innerHTML='可以注册'}else{this.parentNode.nextSibling.innerHTML='不可以注册，用户名必须是4-20个字符，可用中文、字母、数字'}"></td>
<td width="20%">4-20个字符，可用中文、字母、数字注册</td>
</tr>
<tr>
<td width="20%">密码：</td>
<td width="60%"><input name="password" id="reg_password" type="password" size="30" onblur="checkPassword(this)"></td>
<td width="20%">6-20个字符，可用字母、数字，不能与用户名相同。</td>
</tr>
<tr>
<td width="20%">重复输入密码：</td>
<td width="60%"><input name="password1" id="reg_password1" type="password" size="30" onblur=checkConfirm(this)></td>
<td width="20%">请再次出入您上面填写的密码</td>
<tr>
</form>
</table>

[impeller]

<input name="username" id="reg_username" type="text" size="30"
onblur="processResult(this)"></td>
<td width="20%" id="td1">4-20个字符，可用中文、字母、数字注册</td>
function processResult(o){
if(o.value.length>=4 && o.value.length<=20){
document.getElementById("td1").innerText="该用户名可以注册";
}else{
document.getElementById("td1").innerText="您输入的用户名有误";
}
}