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 相关文章推荐
能说明你的Javascript技术很烂的五个原因分析
Oct 28 Javascript
js控制CSS样式属性语法对照表
Dec 11 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
详解如何运行vue项目
Apr 15 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
小程序实现分类页
Jul 12 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 Javascript
vue+Element-ui实现登录注册表单
Nov 17 Javascript
详解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
如何开始收听短波广播
2021/03/01 无线电
PDO防注入原理分析以及注意事项
2015/02/25 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
学习javascript面向对象 理解javascript原型和原型链
2016/01/04 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
AngularJS基础 ng-click 指令示例代码
2016/08/01 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
vue-router项目实战总结篇
2018/02/11 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
基于JS实现视频上传显示进度条
2020/05/12 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:奇迹哥卡尔秀翻全场
2017/03/28 DOTA
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
python下os模块强大的重命名方法renames详解
2017/03/07 Python
python模糊图片过滤的方法
2018/12/14 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
HTML5注册表单的自动聚焦与占位文本示例代码
2013/07/19 HTML / CSS
小学生成长感言
2014/01/30 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
社区文化建设方案
2014/05/02 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis