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的拖动布局插件
Nov 25 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
Jul 10 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
JS继承用法实例分析
Feb 05 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 Javascript
jQuery仿天猫实现超炫的加入购物车
May 04 Javascript
jQuery.trim() 函数及trim()用法详解
Oct 26 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 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使用Imagick生成图片的方法
2015/07/31 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
PHP学习记录之常用的魔术常量详解
2019/12/12 PHP
IE6中链接A的href为javascript协议时不在当前页面跳转
2014/06/05 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
jqTransform美化表单
2015/10/10 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
2017/06/08 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
Angular4自制一个市县二级联动组件示例
2017/11/21 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
Vue 前端实现登陆拦截及axios 拦截器的使用
2019/07/17 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
python add_argument()用法解析
2020/01/29 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
马克华菲官方商城:Mark Fairwhale
2016/09/04 全球购物
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
文职个人求职信范文
2013/09/23 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
工厂见习报告范文
2014/10/31 职场文书
小学校长个人总结
2015/03/03 职场文书
工作自我推荐信范文
2015/03/25 职场文书
幼儿园教师师德师风承诺书
2015/04/28 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server