注册用户时用户名存在,怎样在提交按钮后面动态添加提示信息（不是alert输出的）？

就像
请输入注册用户名：
<input name="loginName" type="text" id="loginName">
<input type="button" name="checkLoginName" value="有效性检查"
onclick="beginCheck()"> 用户名已存在！！
这样在提交按钮后面动态添加文字“用户名已存在！”

解决方案 »

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

<input name="loginName" type="text" id="loginName">
<input type="button" name="checkLoginName" value="有效性检查"
onclick="beginCheck()"><span id="user_name_inf" style="display:none">用户名已存在！！</span>
JS:
if (用户名已存在)document.getElementById("user_name_inf").style.display=""
怎样将
if (responseContext.indexOf("true")!=-1){
    alert("恭喜您，该注册名有效！");
}else{
    alert("对不起，该注册名已被使用！");
}
这代码改成像上面的那样效果？
if (responseContext.indexOf("true")!=-1){
    document.getElementById("user_name_inf").style.display="none"
    alert("恭喜您，该注册名有效！");
}else{
    document.getElementById("user_name_inf").style.display=""
    alert("对不起，该注册名已被使用！");
}
学习中…… 好像是用DIv 吧
如果前台是这样的代码：
<input name="loginName" type="text" id="loginName">
<input type="button" name="checkLoginName" value="有效性检查"
onclick="beginCheck()"> 后台的代码是：
if (responseContext.indexOf("true")!=-1){
    alert("恭喜您，该注册名有效！");
}else{
    alert("对不起，该注册名已被使用！");
}
怎样修改后台代码，让它显示成上面的效果，就是让“用户名已存在“的字样不出现在前台？
既然不用alert，你可以后面隐藏的DIV,默认设置display="none"
如果用户名已存在，display=""就可以了
像这样
if (responseContext.indexOf("true")!=-1){
   display="none"
}else{
   display=""
}
<input name="loginName" type="text" id="loginName">
<input type="button" name="checkLoginName" value="有效性检查"
onclick="beginCheck()"> <span id="user_name_yes" style="display:none">恭喜您，该注册名有效 </span>
<span id="user_name_no" style="display:none">对不起，该注册名已被使用</span> <script language="javascript">

</script>
3楼都已经给你写好了的，我只是补充下
回复7 楼 lgq_0714responseContext是前台得到AJAX返回值吧
前台JS(大概齐):xmlHttp.onreadystatechange = ajaxOk;
function ajaxOk(){
if (responseContext.indexOf("true")!=-1){
    document.getElementById("user_name_inf").style.display="none"
    alert("恭喜您，该注册名有效！");
}else{
    document.getElementById("user_name_inf").style.display=""
    alert("对不起，该注册名已被使用！");
}
}
<html>
  <head>

    <title>用户信息 </title>
    <script language="javascript">
  function bb(){
   var _vlaue = document.getElementById("username").value;
   if(_vlaue=='username')
   {
   document.getElementById("namecheck").innerHTML = '对不起，该注册名已被使用';
   }else
   {
   document.getElementById("namecheck").innerHTML = '恭喜您，该注册名有效！';
   }

}
    </script>  </head>

  <body>
  <form  name="myForm">
   <input name="username" id="username"><div id="namecheck"></div>
  <input type="button" value="提交" onclick="bb()"/>
  </form>
  </body>
</html>
这是个简单的例子，lz可是看一下，
输入'username'提示对不起，该注册名已被使用
输入为其它值提示恭喜您，该注册名有效！
不过实际操作中，_value 的值并不是这样得到的，而是通过后台查询返回的信息