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 相关文章推荐
jQuery中nextAll()方法用法实例
Jan 07 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
JavaScript简单获取系统当前时间完整示例
Aug 02 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
解决webpack dev-server不能匹配post请求的问题
Aug 24 Javascript
详解 微信小程序开发框架(MINA)
May 17 Javascript
vue实现输入一位数字转汉字功能
Dec 13 Javascript
微信小程序实现购物车功能
Nov 18 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
php中iconv函数使用方法
2008/05/24 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
php格式文件打开的四种方法
2018/02/24 PHP
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
JS实现双击编辑可修改状态的方法
2015/08/14 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
Bootstrap Table快速完美搭建后台管理系统
2017/09/20 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
python利用不到一百行代码实现一个小siri
2017/03/02 Python
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
numpy使用技巧之数组过滤实例代码
2018/02/03 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
七年级英语教学反思
2014/01/15 职场文书
学生期末评语大全
2014/04/30 职场文书
三好学生主要事迹材料
2015/11/03 职场文书
JavaScript阻止事件冒泡的方法
2021/12/06 Javascript
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏
Java Spring Lifecycle的使用
2022/05/06 Java/Android