js判断文本框输入的内容是否为数字

 更新时间:2015年12月23日 09:03:03   投稿:lijiao  
这篇文章主要介绍了js判断文本框输入的内容是否为数字,本文为大家分享了验证文本框中的内容是否为数字的方法,感兴趣的小伙伴们可以参考一下

如何验证文本框中的内容是否为数字,本文提供了三种方法,希望对大家的学习有所启发。

在某些情况下可能需要让文本框中的内容只能够输入数字,例如手机号码或者邮编之类的,下面简单介绍一下如何实现此功能。
下面是验证数字的正则表达式:

"^\\d+$"          //非负整数(正整数 + 0) 
"^[0-9]*[1-9][0-9]*$"    //正整数 
"^((-\\d+)|(0+))$"     //非正整数(负整数 + 0) 
"^-[0-9]*[1-9][0-9]*$"   //负整数 
"^-?\\d+$"         //整数 
"^\\d+("           //非负浮点数(正浮点数 + 0) 
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"    //正浮点数 
"^((-\\d+("         //非正浮点数(负浮点数 + 0) 
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"   //负浮点数 
"^(-?\\d+)("         //浮点数

用js判断文本框输入的内容是否是数字:

<script language="javascript">
 function chkads()
 {
 if (lf_addstu.sname.value=="")
 {
 alert("姓名不能为空.");
 lf_addstu.sname.select();
 return false;
 }
 if (lf_addstu.tpl.value=="")
 {
 alert("联系电话不能为空.");
 lf_addstu.tpl.select();
 return false;
 }
 if(!IsNum(lf_addstu.tpl.value)){
 alert("请输入数字!")
 lf_addstu.tpl.focus();
 return false;
 }
 }
 function IsNum(num){
 var reNum=/^\d*$/;
 return(reNum.test(num));
}
</script>
 <form style="padding:0; margin:0" action="" method="post" onSubmit="return chkads()" id="lf_addstu" name="lf_addstu">
 姓名<br />
 <input name="sname" type="text" /><br />
 详细地址<br />
 <input name="adress" type="text" /><br />
 邮编<br />
 <input name="codes" type="text" /><br />
 联系电话<br />
 <input name="tpl" type="text" /><br />
 E-mail<br />
 <input name="email" type="text" />
 <input type="image" src="img/wanhui06.jpg" alt="提交" />
 </form>

如何判断输入文本框是值是否是数字?

单纯的判断是否是正整数,可使用char.IsDigh(string,int index)和IsNumber(string,int index)函数

protected void Button2_Click(object sender, EventArgs e)
 {
  //判断正整数
  int j=0;
  for (int i = 0; i < TextBox1.Text.Length; i++)
  {
   if (char.IsNumber(TextBox1.Text, i))//这个方法用来判断整数还可以,判断负数和小数就失效了
    j++;
  }
  if (j == TextBox1.Text.Length)
  {
   Response.Write("ok");
  }
  else
  { Response.Write ("no");}
  
 }

但是,出现负数或者小数的时候,以上方法失效,则,使用自定义功能函数

public bool IsNumber( object obj) 
 { 
 bool result = true; 
 try 
  { 
   string str = obj.ToString(); 
   double d ; 
   d = double.Parse(str); 
  } 
 catch 
  { //parse 函数进行转换,不成功则抛出异常
   result = false; 
  } 
 return result;

 }
 protected void Button3_Click1(object sender, EventArgs e)
 {
  //判断数

  if (IsNumber(TextBox1.Text))
  {
   Response.Write("是数字");
  }
  else
  { Response.Write("不是数字"); }
 }

以上就是验证文本框中的内容是否为数字的方法,希望对大家的学习有所帮助。

相关文章

  • javascript不同页面传值的改进版

    javascript不同页面传值的改进版

    改进点:支持同页面有多个文本框,可自动向不同的文本框传值。先看演示吧
    2008-09-09
  • 详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs

    详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs

    这篇文章主要介绍了微信小程序获取session_key,openid,unionid的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript 页面只自动刷新一次

    javascript 页面只自动刷新一次

    记得meta标签当中有一个refresh的功能吗?这是让浏览的页面刷新并可以转到相应的页面,如果刷新本页的话就会造成重复的刷新,现在我们就试试用脚本来实现只让页面刷新一次.
    2009-07-07
  • javascript常用经典算法详解

    javascript常用经典算法详解

    本文主要介绍了javascript七种常见算法:冒泡排序;插入排序;希尔排序;归并排序;快速排序;选择排序;奇偶排序。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • js操作textarea方法集合封装(兼容IE,firefox)

    js操作textarea方法集合封装(兼容IE,firefox)

    在DOM里面操作textarea里面的字符,是比较麻烦的。于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。
    2011-02-02
  • Bootstrap Table的使用总结

    Bootstrap Table的使用总结

    这篇文章主要介绍了Bootstrap Table的使用小结,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10
  • JS面试之手写节流防抖详解

    JS面试之手写节流防抖详解

    作为一个程序员,代码实现才是能力体现,在大部分面试的时候,我们都会被要求手写代码实现一个功能,本文总结了一下经常被面试官问到的节流和防抖功能的实现,分享给有需要的小伙伴
    2023-07-07
  • 微信小程序云开发如何使用npm安装依赖

    微信小程序云开发如何使用npm安装依赖

    这篇文章主要为大家详细介绍了微信小程序云开发如何使用npm安装依赖,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 前端程序员必须知道的高性能Javascript知识

    前端程序员必须知道的高性能Javascript知识

    这篇文章主要为大家详细介绍了前端程序员必须知道的高性能Javascript知识,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS 获取滚动条高度示例代码

    JS 获取滚动条高度示例代码

    滚动条高度如何获取,方法有很多,在本文将为大家详细介绍下如何使用js做到,下面有个不错的示例,感兴趣的朋友不要错过
    2013-10-10

最新评论