1、新建页面打开Dreamweaver，新建一个html，保存在网站目录下。如图：
2、写入文本框和按钮在body里面写入一个文本框和按钮：<input id="txt" type = "text" class="txt" /><input type="button" onclick="test1();" value="验证" class="btn" />如图：
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、验证浏览器打开网页，分别验证空值，非数字，超出范围数字和正确的数字。如图：
5、跳转验证通过后跳转到首页。如图：
6、美化页面让页面更加好看，可以进行美化。如图：
