扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
可以使用html5的number类型实现限制文本框只能输入数字。
夹江ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、在浏览器中打开此html文件，可以看到最终想要实现的限制文本框只能输入数字效果。
下面讲解html5如何设定input对所输入的数字限定。
1、首先新建一个html网页文件，把他命名为test.html，接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。
2、在test.html文件内，需要创建一个表单form action="" method="get"/form。
3、给在表单内，加入一个Input，类型为number。input type="number" name="test" min="1" max="10" /，意思是最小是1，最大是10。
4、最后在浏览器浏览一下test.html，来看看效果能否实现。需要用鼠标点中表单Submit按钮，就完成了 。
!DOCTYPE html
html
head
meta charset="utf-8" /
title正则 只能输入数字/title
meta name="Keywords" content="" /
meta name="Description" content="" /
link rel="stylesheet" href="css/.css" /
/head
body
input type="text" id="txt" /
button id="btn"确定/button
script
var txt = document.getElementById('txt')
var btn = document.getElementById('btn')
var reg = /^\d*$/
btn.onclick = function(){
var val = txt.value
if( !reg.test(val)){
alert('只能输入数字！')
}
}
/script
/body
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网