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 弹出层实现代码
Oct 30 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
Mar 04 Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
Apr 17 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 Javascript
JavaScript Date对象功能与用法学习记录
Apr 28 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加MYSQL服务器
2006/10/09 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
基于Two.js实现星球环绕动画效果的示例
2017/11/06 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
Python函数式编程
2017/07/20 Python
python调试神器PySnooper的使用
2019/07/03 Python
pandas中的series数据类型详解
2019/07/06 Python
python中下标和切片的使用方法解析
2019/08/27 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
建筑工程自我鉴定
2013/10/18 职场文书
求职简历自荐信范文
2013/10/21 职场文书
食品安全检查制度
2014/02/03 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
工程承包协议书
2014/04/22 职场文书
自主招生推荐信范文
2014/05/10 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书