蝙蝠岛资源网

怎么限制input的text里输入的值只能是数字(正则、js)
网络编程 2025/5/5 佚名
2 0
蝙蝠岛资源网 Design By www.hbtsch.com

当我们在一些网站注册账号、填写信息是，不小心将电话号码填写成汉字或其他英文字母了，这显然是不正确的。为了帮助用户更好地纠正输入时的错误，在表单中填写信息时，需要限制手机号、邮编、电话号码这类文本框不能输入其他字符，只能是数字。

通过使用正则匹配输入的时候只是数字：

复制代码 代码如下:
var numRegex = /\D/g

再通过JavaScript的onblur 事件：

定义和用法

onblur 事件会在对象失去焦点时发生。

Onblur 经常用于Javascript验证代码，一般用于表单输入框

语法

HTML 中:

复制代码 代码如下:
<element onblur="SomeJavaScriptCode">

JavaScript 中:

object.onblur= function(){
//操作
myScript; 
}

JavaScript 中, 使用 addEventListener() 方法:

 复制代码 代码如下:
object.addEventListener('blur',myScript);

最终DEMO代码：

var numRegexFn = function(obj){
obj.value = obj.value.replace(numRegex,'');
if(!obj.value){
alert('请输入数字');
}else{
alert('pass');
}
}
phone.onblur = function(){
numRegexFn(this);
}

以上所述是小编给大家介绍的使用正则表达式和js限制只能输入数字的相关内容，希望对大家有所帮助，也希望大家多多的关注网站！

标签：
js限制只能输入数字,限制只能输入数字
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“怎么限制input的text里输入的值只能是数字(正则、js)”

暂无怎么限制input的text里输入的值只能是数字(正则、js)的评论...
www.hbtsch.com 蝙蝠岛资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 MicroAirGrinder 南强小屋 幽灵资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 HerbalExtract 蝙蝠岛资源网 白云城资源网 天枫庄资源网 无争山庄资源网 HerbalExtracts FoodColouring NaturalHerbal HerbalOnline NaturalColouring 更多链接
蝙蝠岛资源网 Design By www.hbtsch.com