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 20 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
调用jQuery滑出效果时闪烁的解决方法
Mar 27 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
Jun 26 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
Angular2中select用法之设置默认值与事件详解
May 07 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
详解js 创建对象的几种方法
Mar 08 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 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中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
javascript禁用Tab键脚本实例
2013/11/22 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
JS 对象(Object)和字符串(String)互转方法
2016/05/20 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
python下载微信公众号相关文章
2019/02/26 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
浅谈Python 递归算法指归
2019/08/22 Python
python两个list[]相加的实现方法
2020/09/23 Python
Django配置跨域并开发测试接口
2020/11/04 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
css3实现超炫风车特效
2014/11/12 HTML / CSS
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
工作自荐信
2013/12/11 职场文书
后勤工作职责
2013/12/22 职场文书
学生爱国演讲稿
2014/01/14 职场文书
基层党员对照检查材料
2014/09/24 职场文书
小学毕业感言200字
2015/07/30 职场文书
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL