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 相关文章推荐
JS 屏蔽键盘不可用与鼠标右键不可用的方法
Nov 18 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
轻量级JS Cookie插件js-cookie的使用方法
Mar 22 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
js实现图片无缝循环轮播
Oct 28 Javascript
JS操作json对象key、value的常用方法分析
Oct 29 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 Vue.js
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版
2006/10/09 PHP
php执行sql语句的写法
2009/03/10 PHP
php过滤敏感词的示例
2014/03/31 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
AJAX使用了UpdatePanel后无法使用alert弹出脚本
2010/04/02 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
Python open读写文件实现脚本
2008/09/06 Python
python处理文本文件并生成指定格式的文件
2014/07/31 Python
Python实现导出数据生成excel报表的方法示例
2017/07/12 Python
Python之pymysql的使用小结
2019/07/01 Python
Python将string转换到float的实例方法
2019/07/29 Python
详解Python文件修改的两种方式
2019/08/22 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
python怎么判断素数
2020/07/01 Python
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
服装设计行业个人的自我评价
2013/12/20 职场文书
企业总经理职责
2014/02/02 职场文书
八一演出活动方案
2014/02/03 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
2014年少先队工作总结
2014/12/03 职场文书
2015年推普周活动总结
2015/03/27 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书