当前位置:编程学习 > JS >>

javascript注册验证的问题?

当我没有输入是是这样现实的

当我输入时是这样的

当我光标一等到下一个选框时,它会自动检验是这样的

求高手帮忙,谢谢,写的详细点我新手。

补充:哥们可以写详细一点好吗?谢谢,我新手。

答案:需要用一个层  初始化的时候层的innerHTML为“请输入用户名”;

在写一个javascript代码 当文本失去焦点的时候 就进行判断

如:

var d=document.getElementById("层ID");

if(login==""){

d.innerHTML="请输入用户名";

}

这个我可以帮助你,很麻烦的,具体的我可以发给你,以前做的实例。

<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=gb2312">
<TITLE>输入</TITLE>
<STYLE type="text/css">
td{font-size:12px}
</STYLE>
<SCRIPT type="text/javascript" language="javascript">
function lostFocus(){
var name=document.myform.txtUser.value;
if(name==""){
document.getElementById("nameWord").innerHTML="<font color='red'>用户名不能为空</font>";
}else{
document.getElementById("nameWord").innerHTML="输入正确";
}
}
function focustex(){
document.getElementById("nameWord").innerHTML="<font color='blue'>只能输入字母或数字,4-16个字符</font>";
}
</SCRIPT>
</HEAD>

<BODY>
<FORM action="" method="post" name="myform" onSubmit="return checkForm()">
<TABLE border="0" cellpadding="0" cellspacing="0" align="center">
<TR>
<TD height="108" colspan="2"><IMG src="images/top.jpg"></TD>
</TR>
<TR>
<TD width="107" height="36">用户名:</TD>
<TD width="524"><INPUT name="txtUser" type="text" maxlength="16" onBlur="lostFocus()" onFocus="focustex()"><DIV id="nameWord" style="position:absolute; left: 447px; top: 138px; width: 181px;">请输入用户名</DIV></TD>
</TR>
<TR>
<TD width="107" height="36">密码:</TD>
<TD width="524"><INPUT name="txtUser" type="password" maxlength="16"></TD>
</TR>
<TR><TD colspan="2" align="center">
<INPUT type="reset" value="重新填写">&nbsp;&nbsp;
<INPUT type="submit" value="提 交">
</TD></TR>
<TR><TD colspan="2">&nbsp;</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

上一个:JavaScript脚本调试错误!~
下一个:JavaScript 数字格式化怎么写

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,