求解js代码

js判断没有输入内容时有提示的字，输入内容后字消失

解决方案 »

  1.   

    都是表单验证，找个插件就好
    http://topic.csdn.net/u/20111115/14/0c426e5a-93a1-4f1e-91cf-c412c69c933b.html
      

  2.   

    --HTML代码
    <html>
     <body>
       <input id="XXX" />
       <lable id="lbla"></lable>
     </body>
    </html>--JS代码
    var test1 = document.getElementById("XXX");
    test1.onblur = function(){checkXXX();};
    function checkXXX(){
     var test = document.getElementById("XXX").value;
     var lbla = document.getElementById(lbla);
     if(test==""||test.length==0){
       lbla.innerHTML="aaa不能为空";
       return false;
     }else{
       lbla.innerHTML="";
       return true;
     }
    }
      

  3.   

    <input type="text" onkeyup="checkInput(this)">
    <span id="msg" style="color: red">没有输入！</span>
    <script>
    function checkInput(obj){
    var msgObj = document.getElementById("msg");
    if(obj.value){
    msgObj.style.display = "none";
    }else{
    msgObj.style.display = "";
    }
    }
    </script>
      

  4.   

    如果支持HTML5的标签就好办了，设置一个属性就可以。