使用js如何限制输入框输入数字范围

1、1、新建页面

打开Dreamweaver，新建一个html，保存在网站目录下。

如图：

2、2、写入文本框和按钮

在body里面写入一个文本框和按钮：

<input id="txt" type = "text" class="txt" />

<input type="button" onclick="test1();" value="验证" class="btn" />

如图：

3、3、写入js

在html页面写入js脚本控制：

function test1()

{

    var v=document.getElementById("txt").value;

if(v=="")

{

alert('错误！空的！');

return;

}

    if (isNaN(v))

    {

        alert('错误！不是数字！！！');

        return;

    }

    var i=parseInt(v);

    if(v<50 || v>100)

    {

        alert('错误！请输入50—100数字！');

        return;

    }

if(50<=v<=100)

{

alert('输入正确，通过验证，即将跳转到首页！');

window.location.href="./index.html";

}

}

如图：

4、4、验证

浏览器打开网页，分别验证空值，非数字，超出范围数字和正确的数字。

如图：

5、5、跳转

验证通过后跳转到首页。

如图：

6、6、美化页面

让页面更加好看，可以进行美化。

如图：