验证显示问题？

怎么让 alert('用户名不能为空') 让显示的提示不在窗口中提示，在<span>里显示，这样在页面上直接显示不弹出窗口。
谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

可以不用alert提示
首先在html页面<span id="sp"></span>
然后document.getElementById("sp").innerHTML="用户名不能为空";
alert("...")改成直接对span的innerHTML赋值就可以了，最好红色显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<SCRIPT language="JavaScript">
//控制checkbox只能选择一个
function check(){
   var text=document.getElementById("text");
   var span2=document.getElementById("span2");
   if (text.value=="")
   {
    span2.innerHTML="用户名不能为空";
   }
   else
   {
    span2.innerHTML="";
   }
}
</SCRIPT>

<input type="text" id="text" name="text" />
<input type="button" value="check" onclick="check()" />
<br />
<span id="span2"></span>
</body>
</html>
能不能光标移动到下一个input的时候就提示啊?不点提交就出来
看到网上有很多，验证正确或是错误input左边出现对号或是差
那是怎么做的？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<SCRIPT language="JavaScript">
//控制checkbox只能选择一个
function check(){
   var text=document.getElementById("text");
   var span2=document.getElementById("span2");
   if (text.value=="")
   {
           span2.innerHTML="用户名不能为空";
   }
   else
   {
           span2.innerHTML="";
   }
}
</SCRIPT>

用户名：<input type="text" id="text" name="text" /><span id="span2"></span>
<br />
单击我来判断：<input type="text" id="text2" name="text2" onclick="check()" />
<br />
</body>
</html>
如果只是简单的格式验证不知道这样可以否。。文本框多的话可以通过传参数来少写些代码。。
另外这样写怎么提交form表单?
网上你见到的通常都是AJAX来判断。还要传到后台去判断这个用户名是否在数据库存在之类的。。
给SUBMIT一个事件，onclick="return check()"
然后check()函数中，如果值为空。。就return false;
下班了。。其实挺简单的。。LZ多翻翻JAVASCRIPT，DOM手册就好了。。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<SCRIPT language="JavaScript">
//控制checkbox只能选择一个
function check(){
   var text=document.getElementById("text");
   var span2=document.getElementById("span2");
   if (text.value=="")
   {
           span2.innerHTML="用户名不能为空";//innerText也是可以的
           return;
   }
   else
   {
           span2.innerHTML="";
   }
}
</SCRIPT>
<form onsubmit="return check()">
用户名：<input type="text" id="text" name="text" /><span id="span2"></span>
<br />
单击我来判断：<input type="text" id="text2" name="text2" onclick="check()" />
<br />
<input type="submit" value="submit"/>
</form>
</body>
</html>
<form onsubmit="return check()" >里的 action="/test.do?command=add"
这样的提交写在哪？怎么提交
这个我知道，但是每个input框都要写个后台的验证啊？能不能在前端做了?
前端还是后台是看你自己的。。如果只是简单的格式验证。。那依样画葫芦就是了。如果牵扯到数据库了就要用到AJAX了。