JavaScript判断输入是否为数字类型的方法总结


Posted in Javascript onSeptember 28, 2017

JavaScript判断输入是否为数字类型的方法总结

前言

很多时候需要判断一个输入是否位数字,下面简单列举集中方法。

第一种方法 isNaN

isNaN

返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。

NaN 即 Not a Number

isNaN(numValue)

但是如果numValue果是一个空串或是一个空格,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。

第二种方法 正则表达式

function checkRate(input) { 
var re = /^[0-9]+.?[0-9]*/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/ 

if (!re.test(nubmer)) { 


alert(“请输入数字”); 

} 
}

第三种方法 利用parseFloat的返回值

function isNotANumber(inputData) { 
//isNaN(inputData)不能判断空串或一个空格 

//如果是一个空串或是一个空格,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。 

if (parseFloat(inputData).toString() == “NaN”) { 


//alert(“请输入数字……”); 


return false; 

} else { 


return true; 

} 
}

如有疑问请留言或者到本站社区 交流讨论,感谢阅读,希望通过本文能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
一个选择最快的服务器转向代码
Apr 27 Javascript
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
自用js开发框架小成 学习js的朋友可以看看
Nov 16 Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
JQuery1.8 判断元素是否绑定事件的方法
Jul 10 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
详解Vue如何支持JSX语法
Nov 10 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
详解Node全局变量global模块
Sep 28 #Javascript
React Native预设占位placeholder的使用
Sep 28 #Javascript
import与export在node.js中的使用详解
Sep 28 #Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 #Javascript
AngularJS路由删除#符号解决的办法
Sep 28 #Javascript
深入理解React高阶组件
Sep 28 #Javascript
基于webpack 实用配置方法总结
Sep 28 #Javascript
You might like
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
2013/05/15 Javascript
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
一些你可能不熟悉的JS知识点总结
2019/03/15 Javascript
js实现div色块碰撞
2020/01/16 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
nuxt静态部署打包相对路径操作
2020/11/06 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
python实现用于测试网站访问速率的方法
2015/05/26 Python
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
python实现k-means聚类算法
2018/02/23 Python
基于PyQt4和PySide实现输入对话框效果
2019/02/27 Python
python中嵌套函数的实操步骤
2019/02/27 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
python如何使用代码运行助手
2020/07/03 Python
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
村优秀党员事迹材料
2014/01/15 职场文书
幼儿园亲子活动方案
2014/01/29 职场文书
销售求职信范文
2014/05/26 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
个性与发展自我评价
2015/03/06 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript