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 相关文章推荐
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
jqTransform form表单美化插件使用方法
Jul 05 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
js初始化验证实例详解
Nov 26 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
canvas绘制七巧板
Feb 03 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
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开发模式(简写版)
2007/03/15 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
2018/12/21 PHP
js innerHTML 的一些问题的解决方法
2008/06/22 Javascript
vs2003 js文件编码问题的解决方法
2010/03/20 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
jQuery操作css样式
2017/05/15 jQuery
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
vue自定义指令用法经典实例小结
2019/03/16 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
用python解压分析jar包实例
2020/01/16 Python
python两个list[]相加的实现方法
2020/09/23 Python
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
J2EE面试题
2016/03/14 面试题
公司晚会策划方案
2014/05/17 职场文书
财务负责人任命书
2014/06/06 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
国际会计专业求职信
2014/08/04 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
优质护理服务心得体会
2016/01/22 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
Python 可迭代对象 iterable的具体使用
2021/08/07 Python