JavaScript如何判断input数据类型
这篇⽂章主要介绍了JavaScript如何判断input数据类型,⽂中通过⽰例代码介绍的⾮常详细，对⼤家的学习或者⼯作具有⼀定的参考学习价值，需要的朋友可以参考下
在HTML中接收⽤户输⼊信息⼀般都会⽤到<input/>。我今天本来想实现⼀个功能：由⽤户在input中输⼊⾃⼰的年龄，然后根据不同的年龄段弹出不同的信息，为了让程序更加严谨，我得判断从input中获取到的值必须是数字（这个问题其实可以直接限制input的输⼊内容为数字，在这⾥我想要实现通过javascript判断input⾥的值是否是数字）。 
试过很多种⽅法发现都不⾏，因为不管⽤户在input中输⼊了什么类型的数据，我通过javaScript获取到这个值后都会变成字符，所以我们通常⽤来判断数据类型的⼏个⽅法（Number(a)、typeof、instanceof）在这⾥都是没有⽤的，⽤这⼏个⽅法进⾏判断得到的结果⼀定是false。
试了很多种⽅法后我发现⽤正则表达式进⾏判断很⽅便，在这⾥了记录⼀下：
源代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script defer>
function test(num) {
//      判断⼀串字符是不是全部是数字
var rex = /^[0-9]+$/;//正则表达式
var flag = st(num);//通过表达式进⾏匹配
if (flag) {
alert("数据类型合法");
} else {
alert("数据类型不合法");
}
}
html input type属性</script>
</head>
<body>
<input type="text" id="in">
<br>
<button onclick="ElementById('in').value)">进⾏数据判断</button>
</body>
</html>
先获取input中的值，再⽤正则表达式进⾏判断返回⼀个布尔值
可以看效果是实现了的：
额外啰嗦⼀点
如果我们需要将输⼊框中的字符转换成数字运算也可以使⽤正则去实现，只要在原来的代码中加上下⾯红⾊背景那段代码就可以将字符转换成数字了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script defer>
function test(num) {
//      判断⼀串字符是不是全部是数字
var rex = /^[0-9]+$/;//正则表达式
var flag = st(num);//通过表达式进r⾏匹配
var fin = num.match(rex);
if (flag) {
alert(fin+"：数据类型合法");
} else {
alert("数据类型不合法");
}
}
</script>
</head>
<body>
<input type="text" id="in">
<br>
<button onclick="ElementById('in').value)">进⾏数据判断</button>
</body>
</html>
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。