form表单

做校验的时候，怎么让我的校验结果显示在input方框后面？因为我每次的校验结果总是显示在下一行，导致结果的排序很乱

解决方案 »

  1.   

    简单的。自己可扩展。
    <HTML>
    <HEAD>
    <title>无标题文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <SCRIPT LANGUAGE="JavaScript">
    function checkData()
    {  
         if(document.getElementById('userid').value==""){
            document.getElementById('errorMsg').innerHTML="<font color=red>用户名不能为空</font>";
    return false;
     }
     
     return true;
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM action="" method="post" onsubmit="return checkData()">
    <INPUT TYPE="text" name="user" id="userid" /><span id="errorMsg"></span><br>
    <input type="submit" name="submit" value="Sub">
    </FORM>
    </BODY>
    </HTML>
      

  2.   

    在每个要校验的input后加一个空的div  p或其他的标签，当不满足条件时设置对应的标签的innerHTML
      

  3.   

    还有一种思路是将验证信息默认设置为display:none,当验证失败时display:block就行了!
    感觉不如上面的灵活.
      

  4.   

    你的提示可能是用div的吧，你改用span吧。
      

  5.   

    3楼说的对，div和innerHTML都可以的。然后在DIV加个display:inline就可以了。