javascript如何判断控件中输入的数据为数值类型

93 阅读 0 评论 62 点赞

我是靠谱客的博主平常饼干，最近开发中收集的这篇文章主要介绍javascript如何判断控件中输入的数据为数值类型，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript判断控件中输入的数据为数值类型

首先需要使用value属性获取输入控件的值；
然后利用正则表达式和test()函数来判断控件中输入的数据为数值类型。

实现代码：

<input id="num" placeholder="请输入数值" /><br><br>
<button id="btn">判断类型</button>
<script>
	function my(id) {
		return document.getElementById(id);
	}
	my("btn").onclick = function() {
		var val = my("num").value;
		var re = /^[0-9]+.?[0-9]*/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/
		if (re.test(val)) {
			console.log("输入的是数值类型");
		} else {
			console.log("输入的不是数值类型，请重新输入");
		}
	}
</script>
登录后复制