JavaScript中验证Txt内容全为数字的几种方法

前言：

对于用JS判断Txt中是否为数字，在之前的一次验证输入年龄是否在0~100之间时，已经做了相应判断。然而这次当想用同样方法验证输入全为数字时，发现有一点问题，如下述：

初始做法：

先设置环境，一个Txt文本输入框，一个提交Btn，并触发验证文本框中是否全为数字？见代码（JS片段）

<head runat="server">
    <title>验证输入Txt的内容全为数字</title>
    <script type ="text/javascript" language ="javascript" >
    // Description: 演示验证Txt中内容是否全为数字

     // CopyRight: http://www.cnblogs.com/yangmingming

     // Notes: 应用一个Txt服务器控件，一个Btn控件

   function CheckTxt()
    {
      var elementTxt=document.getElementById ("txtCheck").value;

      //应用parseInt函数，将字符串（string类型）提取数字
      if(parseInt (elementTxt )>0)
      {
      alert("true");
      return true ;
      }
      else
      {
         alert("False");
         return false ;
      }

    }
    </script>
</head>

当输入全为数字时，返回True；然而输入为类似‘123abc’时，却出现意外效果，见下图：

即这是parseInt函数，只是从中部分截取数字部分，这样也就生成了如示的提示结果。怎么办呢？

修改做法：

可以用两种方法分别实现，一种是用JS判断；一种是用正则表达式判断。分述之：

i）JS判断：

用JS判断，其中用到了string的方法应用（也是不甚熟悉的地方，呵呵）。先见代码：

<title>验证输入Txt的内容全为数字</title>
    <script type ="text/javascript" language ="javascript" >
    // Description: 演示验证Txt中内容是否全为数字

     // CopyRight: http://www.cnblogs.com/yangmingming

     // Notes: 应用一个Txt服务器控件，一个Btn控件

  function CheckTxt()
    {
      var elementTxt=document.getElementById ("txtCheck").value;
     if(CheckDigit(elementTxt ))
     {
     alert ("True");
     return true ;
     }
     else
     {
     alert ("False");
     return false ;
     }

    }

    //辅助函数，验证传入函数的字符串是否全为数字
    function CheckDigit(str)
    {
    var letters="0123456789";
    for(var i=0;i<str.length;i++)
    {
      if(letters.indexOf (str[i])==-1)
      return false;
    }
    return true ;
    }
    </script>
</head>

这样产生的调试结果，即为正确的了。如图示：

即我们得到正确的结果了，呵呵~

ii）正则表达式判断：

关于正则表达式，前已概述，在此做一验证，见代码：

<head runat="server">
    <title>验证输入Txt的内容全为数字</title>
    <script type ="text/javascript" language ="javascript" >
    // Description: 演示验证Txt中内容是否全为数字

     // CopyRight: http://www.cnblogs.com/yangmingming

     // Notes: 应用一个Txt服务器控件，一个Btn控件

  function CheckTxt()
    {
    var regExp=/^\d+(\.\d+)?$/;
      var elementTxt=document.getElementById ("txtCheck").value;
     if(regExp .test (elementTxt ))
     {
     alert ("True");
     return true ;
     }
     else
     {
     alert ("False");
     return false ;
     }

    }
    </script>
</head>

通过正则表达式验证，其结果同用JS的判断。

综述之，通过对验证是否为数字，进一步加深了对JS的理解，以后有机会会进一步巩固之，呵呵~

posted @ 2010-03-31 16:56 Youngman 阅读(6564) 评论(2) 编辑收藏举报

刷新页面返回顶部

Youngman

JavaScript中验证Txt内容全为数字的几种方法

公告