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、美化页面
让页面更加好看，可以进行美化。
如图：
