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 相关文章推荐
fix-ie5.js扩展在IE5下不能使用的几个方法
Aug 20 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
Jquery性能优化详解
May 15 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
AngularJS全局scope与Isolate scope通信用法示例
Nov 22 Javascript
Bootstrap fileinput文件上传预览插件使用详解
May 16 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 Javascript
nuxt+axios解决前后端分离SSR的示例代码
Oct 24 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
Mar 04 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使用smtp发送支持附件的邮件示例
2014/04/13 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
区分JS中的undefined,null,&quot;&quot;,0和false
2007/03/08 Javascript
js文件中调用js的实现方法小结
2009/10/23 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
2011/12/26 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
jquery仅用6行代码实现滑动门效果
2015/09/07 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
一文读懂python Scrapy爬虫框架
2021/02/24 Python
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
2017/03/02 HTML / CSS
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
少先队学雷锋活动总结范文
2014/03/09 职场文书
担保书格式及范文
2014/04/01 职场文书
六一儿童节活动总结
2014/08/27 职场文书
校园广播站开场白
2015/06/01 职场文书
家长对学校的意见和建议
2015/06/03 职场文书
2015年国庆节标语大全
2015/07/30 职场文书
关于使用Redisson订阅数问题
2022/01/18 Redis