2025年JavaScript 输入框值为1-10之间数字

科技前沿 • 2025-01-19 15:00 • 阅读 66

大家好，我是讯享网，很高兴认识大家。

通过JavaScript来判断输入框值为1-10之间的数字，当输入非汉字时，弹出提示信息，当输入1-10之间时，弹出输入内容（以弹框的形式来进行提示）

代码如下：通过 isNaN 函数来判断是否为数字，如果不是数字，返回true，为数字，返回false

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title></title>  <script>  function myFunction(){ //获取元素节点  var x ;  x=document.getElementById("num"); // alert(x.value);  if(isNaN(x.value)){ alert("输入内容不是数字");  }else if(x.value<1|| x.value>10){ alert("请输入1到10之间的数字");  }else{ alert(x.value);  } } </script> </head> <body> <p>请输入1到10之间的数字：</p> <input id="num"/> <button type="button" οnclick="myFunction()">提交</button> </body> </html>

讯享网

效果图如下：

讯享网

方式二：当输入错误时，在页面显示，输入错误提示信息

代码如下：通过 innerHTML 写入到HTML中

讯享网<body> <p>请输入1到10之间的数字：</p> <input id="num"/> <button type="button" οnclick="onFunction()">提交</button> <p id="message"></p> </body>

function onFunction(){ var x;  x=document.getElementById("num").value;  if(x>=1&&x<=10){ document.getElementById("message").innerHTML="输入正确";  }else{ document.getElementById("message").innerHTML="输入错误";  } }

效果图如下：

2025年JavaScript 输入框值为1-10之间数字

相关推荐