怎么让错误信息显示在文本框后面，在线等答案。。。

我现在的错误信息是以alert弹出来的，我想让它显示在文本框的后面，怎么写？??<head>
<script type="text/javascript">
function id1(){
    var id = document.getElementById("id").value;
    var str = /^\d+$/.test(id);
    if(id==""){
     alert("ID不能为空");
        }
    else if(!str){
      alert("只能输入数字");
      return false; 
        }else{
      return true;
      alert("输入正确");
            }
}
</script></head>
<body>
<table cellpadding="0" cellspacing="0" border="0" class="form_table">
    <tr>
      <td align="right" valign="middle">
        ID：
      </td>
      <td align="left" valign="middle">
         <input type="text" id="id" name="id" onblur="id1()">
         
      </td>
    </tr>
</body>

解决方案 »

  1.   

    在文本框后面加个空label,然后把错误信息赋值给label不就可以了
      

  2.   

    在文本框构面定义一个层，当提交数据时判断，将提示信息显示在div上，让这个div可见
     或者用Ajax实现
      

  3.   


    <!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>
    <script type="text/javascript">
        function id1() {
            var id = document.getElementById("id").value;
            var str = /^\d+$/.test(id);
            if (id == "") {
                //alert("ID不能为空");
                document.getElementById("s").innerHTML = "ID不能为空";
            }
            else if (!str) {
                //alert("只能输入数字");
                document.getElementById("s").innerHTML = "只能输入数字";
                return false;
            } else {            //alert("输入正确");
                document.getElementById("s").innerHTML = "输入正确";
                return true;
            }
        }
    </script></head>
    <body>
    <table cellpadding="0" cellspacing="0" border="0" class="form_table">
                            <tr>
                              <td align="right" valign="middle">
                                ID：
                              </td>
                              <td align="left" valign="middle">
                                 <input type="text" id="id" name="id" onblur="id1()">
                                 <span id="s"></span>
                                 
                              </td>
                            </tr>
    </body></html>
      

  4.   

    一般这样处理后，在onchange什么要清空一下文本效果更好
      

  5.   


    要的就是额效果，一直纠结document.getElementById("s").HTML = "输入正确"; 为什么不行，原来是innerHTML，谢了啊