200分：这个效果谁能实现？——在线结贴

由于不能发图片，所以只能口述问题了。
1）
页面上面放一个input控件，当光标离开控件时，我要判断用户输入的内容是否为数字，
如果不是数字，那么弹出一个小窗口提示，用户点确定后光标又回到input控件中，且页面不刷新
2）
同样的，一个input控件，后面加一个按钮，点击那个按钮时，如果用户输入的内容不复合input控件的标准时，那么弹出一个小窗口提示，用户点确定后，光标继续回到input控件 。且页面不刷新

解决方案 »

  1.   

    具体的效果网站http://tuan.qq.com/ 登陆后，输入错误邮箱，点击邮件订阅那个效果，
      

  2.   

    可以。。用onblur 事件。
    然后用js 判断输入的是否为数字 或者是否否和你自定义的规则
    是就不做别的操作 不是的话就这个input 获得焦点
      

  3.   

    在input控件里面添加onblur="onBlur(this);"写onBlur 使用正则验证你的input是否合法如果是按钮点击就调用onBlur 做同样的验证
      

  4.   


    <script type="text/javascript">
    function checkInput()
    {
         var test = parseInt(document.getElementById("txtTest").value);
         if (test < 0) 
         {
               alert("输入的不是数字");
               document.getElementById("txtTest").focus();
         }
    }
    <script>
    <input type="text" id="txtTest" onblur="checkInput();"/>
      

  5.   


    <body>
        <a href="javascript:voie(0)" id="atest" onmouseover="a_onmouseover()">鼠标放上测试</a>
        <div id="divTest" style="display: none; background: red; width: 100px">
            我显示出来啦！！！
        </div>    <script type="text/javascript">
                var timer;
            function a_onmouseover()
            {
                var ddv = document.getElementById("divTest");
                var atest = document.getElementById("atest");
                ddv.style.display="block";
                ddv.onmouseover=function(){
                    clearTimeout(timer);
                    ddv.onmouseout=function(){
                        this.style.display="none";
                    }
                }
                atest.onmouseout=function(){Mout()} 
            }
            
            function Mout()
            { 
                timer = setTimeout(function(){document.getElementById("divTest").style.display="none";},100); 
            }     </script></body>
      

  6.   

    <input type="text" class="text" name="username" value="" onblur="onBlur(this);">function onBlur(_obj)
    {
            var pattern = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
            var flag = pattern.test(_val);
    }
      

  7.   


    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="javascript" type="text/javascript">
    function checkInput(obj,v){
    if((/[^0-9]/).test(v)){
    alert("格式错误！");
    obj.focus();
    return false;
    }
    }</script>
    </head><body>
    <input type="text" id="txt" name="txt" onblur="checkInput(this,this.value)"  />
    </body>
    </html>
      

  8.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script>
            function onb() {            var txt = document.getElementById("txtName").value;
                alert(txt);
                if (isNaN(txt)) {
                   //逻辑            } else 
                { //逻辑 
            }
        </script>
    </head>
    <body>
    <input id="txtName" name="txtName" type="text" onblur="onb()" />
    </body>
    </html>
      

  9.   

    onfocu结合onblur两个事件来实现
      

  10.   

    各位辛苦了，谢谢，用lhandlin的方法通过
      

  11.   


     <script type="text/javascript">
            function ss() {
                var num = document.getElementById("sss");
                if (isNaN(num.value)) {
                    alert("不是数字！");
                    num.focus();
                    num.select();
                } else {
                    alert("是数字！");
                }
            }
        </script>
    <input id="sss" type="text" onblur="ss()" />
      

  12.   


     <input name="txtQuery" type="text"  id="txtQuery" onblur="QueryTextBlur(this)"  style="color:Green;font-size:9pt;height:18px;width:112px;" /> <script>
              function QueryTextBlur(me) {
                    if (isNaN(me.value))
                     {
                       alert("请输入数字");
                       me.focus(); 
                       return false;
                     }                           }
          </script>
      

  13.   


    JS 判断是不是数字， onfocu结合onblur 来实现光标离开嘛
      

  14.   

    function checkValue() 　　
    { 　　
     if(isNaN(document.all.textbox.value)) 　　
     { 　　
       alert("请用数字录入！"); 　　
       return false; 　　
     } 　　
    }