比如有一个textbox,用户输入后点button按钮时,实现用JavaScript对textbox输入信息的验证,比如验证用户输入的是否是数字。
希望将HTML代码一并写出来哈,谢谢。

解决方案 »

  1.   


    <!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> 
    <title>无标题页 </title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    window.onload = function(){
    document.getElementById('click').onclick = function(){
    if(!isNaN(document.getElementById('text').value)){
    alert('是数字');
    }else{
    alert('不是数字');
    }
    };
    };
    </script>
    </head> 
    <body> 
        <input type="text" id="text" />
    <input type="button" id="click" value="click" />
    </body> 
    </html>
      

  2.   


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 加上这句要么就改成gb2312
      

  3.   

    改成gb2312此问题已解决。
    但是如果用户输入的是数字,在用户点击button按钮时,我就将其跳转到B.html页面的话,对于楼上给出的代码该如何在代码中实现?
      

  4.   

        window.onload = function(){
            document.getElementById('click').onclick = function(){
                if(!isNaN(document.getElementById('text').value)){
                    window.open('B.html')
                }else{
                    alert('不是数字');
                }
            };
        };
      

  5.   

    <!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> 
    <title>无标题页 </title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        window.onload = function(){
            document.getElementById('click').onclick = function(){
                if(!isNaN(document.getElementById('text').value)){
                    window.location = 'B.html';
                }else{
                    alert('不是数字');
                }
            };
        };
    </script>
    </head> 
    <body> 
        <input type="text" id="text" />
        <input type="button" id="click" value="click" />
    </body> 
    </html>
      

  6.   

    谢谢各位的回答。
    对于上面的代码,如果用正则表达式怎么实现呢?(也就是不用isNaN这个函数,而是用正则表达式来实现)
      

  7.   


    re=/(d+)/g 
    if(re.test(document.getElementById('text').value)){
        alert('数字')
    }
    else{
        alert('不是数字')
    }
      

  8.   

    下面是一个正则表达式的写法
        希望能对你有所帮助
    <!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 test(){
    var reg = /^[\d]{5}$/;   <!--正则表达式声明只能输入0-9之间的数字并且必须输入的是5个数字才是匹配的-->
    var text = document.getElementById('txt').value;
    if(reg.test(text)){
    alert('匹配!');
    }else{
    alert('不匹配!');
    }
    }
    </script>
    </head>
    <body>
    <input type="text" id="txt"/>
    <input type="button" value="submit" onclick="test()"/>
    </body>
    </html>
      

  9.   

    if(!/^\d*$/.test(txt.value)){
      alert('不是数字')
    }