移动焦点的时候实现验证结果的不同显示?

  <script type="text/javascript">
  $=function (id){return document.getElementById(id);}
  function Te_y()
  {
    var obj=$("di_pig");
    obj.innerHTML='<img src="loading.gif"/>'+'我是图片1';
  }
  function Te_pd()
  {
    var obj=$("di_pig");
    if($("Te_in").value==123){obj.innerHTML='<img src="ok.gif"/>'+'我是图片2';}
    else obj.innerHTML='<img src="error.gif"/>'+'我是图片3';
  }
  </script> 
  </head>   
  <body>  
  <input type="text" id="Te_in" onBlur="Te_y()"/><div id="di_pig"></div>
  <input type="button" value="判断" onclick="Te_pd()"/>
</body>
</html>
自己调试吧

解决方案 »

  1.   

    <input type="text" id ="t1" onBlur="check(this)" onFocus="t1OnFocus(this)"> </asp:TextBox> 
    <asp:TextBox ID="TextBox1" runat="server" onBlur="check(this)" onFocus="t1OnFocus(this)"> </asp:TextBox> 
    <img  id="img1" src/>
    <script type="text/javascript">
        function check(img)
        {
        
           if(document.form1.TextBox1.value=="123")
           {
             this.src = "ok.gif" 
              return true;
           }
           else
            {
            this.src = "error.gif" 
              return false;
            }
        }
        function t1OnFocus(img)
        {
         img.src = "loading.gif";
        }
    </script>
      

  2.   


    不要那个button来判断啊,焦点改变了自动判断.
      

  3.   

    2楼的代码没效果呢,src怎么来的?
      

  4.   

    还有个问题,就是当textbox为空时,失去焦点也不激发验证.只有输入数据时才激发验证.
    也就是loading.gif是一个延时效果,延时效果完后才验证数据的正确性.
      

  5.   

    src是图片路径，<img src="loading.gif"/>是在当前目录找名叫loding.gif的图片显示，当然你也可以用绝对路径。
      

  6.   


    <asp:TextBox ID="TextBox1" runat="server" onBlur="check(this)" onFocus="t1OnFocus(this)"> </asp:TextBox>
    <img  id="img1" src/>
    <script type="text/javascript">
        function check(img)
        {
       
          if(document.getElementById("TextBox1").value=="123")
          {
          this.src = "ok.gif"
              return true;
          }
          else
          {
          this.src = "error.gif"
              return false;
          }
        }
        function t1OnFocus(img)
        {
           if(document.getElementById("TextBox1").value.length == 0)
             img.src = "loading.gif";
        }
    </script>
      

  7.   

    <asp:TextBox ID="TextBox1" runat="server" onBlur="check(this)" onFocus="t1OnFocus(this)"> </asp:TextBox>
    <img  id="img1" src/>
    <script type="text/javascript">
        function check(img)
        {
          if(document.getElementById("TextBox1").value.length != 0)
         {
          if(document.getElementById("TextBox1").value=="123")
          {
          this.src = "ok.gif"
              return true;
          }
          else
          {
          this.src = "error.gif"
              return false;
          }
        }
        }
        function t1OnFocus(img)
        {
            img.src = "loading.gif";
        }
    </script>