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 相关文章推荐
jquery 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
jquery实现全选功能效果的实现代码
May 05 Javascript
深入理解JavaScript中的并行处理
Sep 22 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
Jan 19 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 05 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
虹吸式咖啡探讨–研磨
2021/03/03 冲泡冲煮
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP中localeconv()函数的用法
2019/03/26 PHP
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
PHP PDO操作总结
2014/11/17 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
vuecli项目构建SSR服务端渲染的实现
2020/10/30 Javascript
python实现2048小游戏
2015/03/30 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
python爬取m3u8连接的视频
2018/02/28 Python
python自动发邮件总结及实例说明【推荐】
2019/05/31 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
tensorflow 保存模型和取出中间权重例子
2020/01/24 Python
QML用PathView实现轮播图
2020/06/03 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
教师找工作推荐信
2013/11/23 职场文书
精彩自我鉴定
2014/01/16 职场文书
离婚案件上诉状
2015/05/23 职场文书
Python 数据可视化工具 Pyecharts 安装及应用
2022/04/20 Python