首页 >web前端 >js教程 >javascript如何判断控件中输入的数据为数值类型

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

青灯夜游
青灯夜游原创
2022-01-12 11:36:343118浏览

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

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>

1.gif

【相关推荐:javascript学习教程

以上是javascript如何判断控件中输入的数据为数值类型的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn