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 相关文章推荐
JavaScript学习笔记(十)
Jan 17 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
js实现文字选中分享功能
Jan 25 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
vue.js实现的经典计算器/科学计算器功能示例
Jul 11 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 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 strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
使用nodejs爬取前程无忧前端技能排行
2017/05/06 NodeJs
Vue filter介绍及其使用详解
2017/10/21 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
Javascript Worker子线程代码实例
2020/02/20 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
2020/07/09 Javascript
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
python使用selenium登录QQ邮箱(附带滑动解锁)
2019/01/23 Python
python学生管理系统
2019/01/30 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
使用python图形模块turtle库绘制樱花、玫瑰、圣诞树代码实例
2020/03/16 Python
pycharm 代码自动补全的实现方法(图文)
2020/09/18 Python
西班牙家用电器和电子产品购物网站:Mi Electro
2019/02/25 全球购物
技校毕业生个人学习的自我评价
2014/02/21 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
党校党性分析材料
2014/12/19 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
一文搞懂Java中的注解和反射
2022/06/21 Java/Android