JavaScript脚本用得最多的就是验证,其中,正则表达式的验证使用最常见,包括大小写,中英文验证,数字,身份证,邮箱验证等。如何控制文本框数字的输入范围,请看详细验证。
工具/原料
Dreamweaver,计算机
JavaScript
方法/步骤
1、新建页面打开Dreamweaver,新建一个html,保存在网站目录下。如图:
2、写焯拜芪恨入文本框和按钮在body里面写入一个文本框和按钮:<inputid="txt&quo墉掠载牿t;type="text"class="txt"/><inputtype="button"onclick="test1();"value="验证"class="btn"/>如图:
3、写入门钙蹲茌js在html页面写入js脚本控制:functiontest1(){varv=document.get呶蓟鹭毵ElementById("txt").value; if(v=="") { alert('错误!空的!'); return; }if(isNaN(v)){alert('错误!不是数字!!!');return;}vari=parseInt(v);if(v<50||v>100){alert('错误!请输入50—100数字!');return;} if(50<=v<=100) { alert('输入正确,通过验证,即将跳转到首页!'); window.location.href="./index.html"; }}如图:
4、验证浏览器打开网页,分别验证空值,非数字,超出范围数字和正确的数字。如图:
5、跳转验证通过后跳转到首页。如图:
6、美化页面让页面更加好看,可以进行美化。如图: