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


Posted in Javascript onDecember 23, 2015

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

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

"^\\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 相关文章推荐
一个不错的应用,用于提交获取文章内容,不推荐用
Mar 03 Javascript
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
js判断浏览器类型的方法
Aug 07 Javascript
JavaScript简单实现鼠标拖动选择功能
Mar 06 Javascript
jquery默认校验规则整理
Mar 24 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
jQuery实现的经典滑动门效果
Sep 22 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
JS中substring与substr的用法
Nov 16 Javascript
js实现列表向上无限滚动
Jan 13 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
Sep 02 Javascript
javascript新闻跑马灯实例代码
Jul 29 #Javascript
javascript动态添加checkbox复选框的方法
Dec 23 #Javascript
js仿微博实现统计字符和本地存储功能
Dec 22 #Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 #Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 #Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 #Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 #Javascript
You might like
php SQL Injection with MySQL
2011/02/27 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
解析php入库和出库
2013/06/25 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
Yii框架表单模型和验证用法
2016/05/20 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
基于jquery的bankInput银行卡账号格式化
2012/08/22 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
2017/02/28 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
Python2.x中文乱码问题解决方法
2015/06/02 Python
Python中的 sort 和 sorted的用法与区别
2019/08/10 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
国家地理在线商店:Shop National Geographic
2018/06/30 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
中间件的定义
2016/08/09 面试题
甲方资料员岗位职责
2013/12/13 职场文书
公司财务自我评价分享
2013/12/17 职场文书
文化活动实施方案
2014/03/28 职场文书
户外宣传策划方案
2014/05/25 职场文书
国际贸易求职信
2014/07/05 职场文书
律师授权委托书范本
2014/10/07 职场文书
关于颐和园的导游词
2015/01/30 职场文书
施工员岗位职责
2015/02/10 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书