您现在的位置是:主页 > Web前端技术 > Web前端技术

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

IDCBT2022-01-13服务器技术人已围观

简介这篇文章将为大家详细讲解有关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如何判断控件中输入的数据为数值类型”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

    标签:

    很赞哦! ()

本栏推荐