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 相关文章推荐
WEB高性能开发之疯狂的HTML压缩
Jun 19 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
异步JavaScript编程中的Promise使用方法
Jul 28 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
JS实现的JSON序列化操作简单示例
Jul 02 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
深入了解JavaScript 私有化
May 30 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
js绘制一条直线并旋转45度
Aug 21 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
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
小议Javascript中的this指针
2010/03/18 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
使用JS获取当前地理位置方法汇总
2014/12/18 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
python将字符串转换成json的方法小结
2019/07/09 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
如何写好优秀的创业计划书
2014/01/30 职场文书
《狐假虎威》教学反思
2014/02/07 职场文书
学校食品安全实施方案
2014/06/14 职场文书
项目合作意向书模板
2014/07/29 职场文书
公证委托书
2014/08/01 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
小学教师工作总结2015
2015/04/07 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS