您的位置首页生活百科

js判断是否为数字;isNaN()函数的使用

js判断是否为数字;isNaN()函数的使用

的有关信息介绍如下:

js判断是否为数字;isNaN()函数的使用

有时候需要根据输入的内容来进行计算,这个时候就需要判断输入的内容是否是数字。JavaScript判断输入内容是否为数字的方法很多,接下来就来了解一下。

使用isNaN(x) 函数检查其参数是否是非数字值,x是数字返回false,返回true表示非数字。(注意:当x为0的时候返回的也是true,所有在使用的时候需要加上0的判断)

以下是案例

打开html代码编辑器,新建一个html文件。如图:

1.在新建的html代码页面中新建一个文本输入框,用于输入文本内容,然后添加一个id为 ifNum;

2.新建一个点击的按钮事件,用来判断输入的内容是否是数字,给这个按钮添加一个点击事件为 ifNum()。

html代码:

定义端脚本语言。

表示后新建一个<script>标签,用于定义脚本语言</p><p>代码:</p><p><script type="text/javascript"></script></p><p>在<script>标签内使用isNaN(x)判断输入的内容是否为数字。</p><p>function ifNum(){</p><p>//获取输入内容</p><p>var num = document.getElementById("ifNum");</p><p>if(isNaN(num.value)&&num.value!=0){</p><p>alert("请输入数字")</p><p>}else{</p><p>alert("输入内容为数字")</p><p>}</p><p>}</p><p>保存html文件后使用浏览器打开,在文本输入框中输入内容后点击提交按钮,即可看到弹出输入内容判断的文字。如图:</p><p>所有代码。可以直接复制所有代码,然后粘贴到新建的html文件上,保存后运行即可看到效果。</p><p>所有代码:</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><meta charset="UTF-8"></p><p><title>js判断是否含有数字