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 相关文章推荐
javascript 面向对象思想 附源码
Jul 07 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
Aug 27 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
javaScript知识点总结(必看篇)
Jun 10 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
关于axios不能使用Vue.use()浅析
Jan 12 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
vue中轮训器的使用
Jan 27 Javascript
vue+Element-ui实现分页效果
Nov 15 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操作符与控制结构代码
2011/12/30 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
php实现的http请求封装示例
2016/11/08 PHP
PHP7多线程搭建教程
2017/04/21 PHP
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
2013/03/28 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
vue基础之data存储数据及v-for循环用法示例
2019/03/08 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
python实现简单日期工具类
2019/04/24 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Python中的全局变量如何理解
2020/06/04 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
求职信内容考虑哪几点
2013/10/05 职场文书
仓库班组长岗位职责
2013/12/12 职场文书
护士在校生自荐信
2014/02/01 职场文书
安全生产责任书
2014/03/12 职场文书
办公室文员岗位职责范本
2014/06/12 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
三好学生事迹材料
2014/12/24 职场文书
工会经费申请报告
2015/05/15 职场文书
校运会通讯稿
2015/07/18 职场文书