1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用input标签创建一个数字输入框,并设置其id属性为myinput。
3、在test.html文件内,在输入框的下面使用button标签创建一个按钮,按钮名称为“判断范围”。
4、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行check()函数。
5、在check()函数内,使用getElementById()方法通过id获得输入框的内容,保存在num变量中。
6、最后在浏览器打开test.html文件,输入数字,点击按钮,查看结果。
js判断是否是数字
第一种方法 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]*]*$/
var nubmer = document.getElementById(input).value
if (!re.test(nubmer)) {
alert("请输入数字")
document.getElementById(input).value = ""
return false
}
}
第三种方法 利用parseFloat的返回值
/*----0313-------------验证数据 是数字:返回true;不是数字:返回false--------工具方法,不含有业务逻辑---------------------*/
function isNotANumber(inputData) {
//isNaN(inputData)不能判断空串或一个空格
//如果是一个空串或是一个空格,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。
if (parseFloat(inputData).toString() == "NaN") {
//alert("请输入数字……")注掉,放到调用时,由调用者弹出提示。
return false
} else {
return true
}
}