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

这篇文章将为大家详细讲解有关javascript如何判断控件中输入的数据为数值类型，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

判断方法：1、用“输入控件对象.value”语句获取用户输入的数据；2、用“var re = /^[0-9]+.?[0-9]*/;”语句定义正则表达式对象；3、用“re.test(输入数据)”语句通过正则表达式判断输入数据是否为数值类型。

本教程操作环境：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>

关于“javascript如何判断控件中输入的数据为数值类型”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。