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

 时间:2024-11-14 10:16:20

JavaScript脚本用得最多的就是验证,其中,正则表达式的验证使用最常见,包括大小写,中英文验证,数字,身份证,邮箱验证等。如何控制文本框数字的输入范围,请看详细验证。

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

工具/原料

Dreamweaver,计算机

JavaScript

方法/步骤

1、新建页面打开Dreamweaver,新建一个html,保存在网站目录下。如图:

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

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

2、写焯拜芪恨入文本框和按钮在body里面写入一个文本框和按钮:<inputid="txt&quo墉掠载牿t;type="text"class="txt"/><inputtype="button"onclick="test1();"value="验证"class="btn"/>如图:

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

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"; }}如图:

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

4、验证浏览器打开网页,分别验证空值,非数字,超出范围数字和正确的数字。如图:

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

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

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

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

5、跳转验证通过后跳转到首页。如图:

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

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

6、美化页面让页面更加好看,可以进行美化。如图:

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

css如何在元素后面加入新的内容 jsp如何导入一个完整的项目 怎样将网站的标签加粗? js如何实现删除确认操作 jquery如何将span的字体设置为斜体
热门搜索
木船图片 紧急救援 电影 裤头图片 夏娜图片 喜剧之王1电影