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的JavaScript模版引擎JsRender使用指南
Dec 29 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
vue登录路由验证的实现
Dec 13 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
详解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输出缓存ob系列函数详解
2014/03/11 PHP
PHP中的output_buffering详细介绍
2014/09/27 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
JS支持带x身份证号码验证函数
2008/08/10 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
2015/10/28 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
理解python正则表达式
2016/01/15 Python
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
python写一个md5解密器示例
2018/02/23 Python
解析python的局部变量和全局变量
2019/08/15 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
Unix/Linux开发面试题
2016/08/16 面试题
贺卡寄语大全
2014/04/11 职场文书
计算机求职信
2014/07/02 职场文书
公司领导班子对照材料
2014/08/18 职场文书
北京英文导游词
2015/02/12 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
JavaScript执行机制详细介绍
2021/12/06 Javascript