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

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

 

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

 

 

html>
lang="en">

    charset="UTF-8">
    
    


请输入1到10之间的数字：
id="num"/>
type="button" οnclick="myFunction()">提交

 

效果图如下：

 

 

 

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

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

 

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

 

 

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

 

效果图如下：