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


Posted in Javascript onMay 16, 2016

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

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

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限制只能输入数字的相关内容,希望对大家有所帮助,也希望大家多多的关注三水点靠木网站!

Javascript 相关文章推荐
javascript学习笔记(三)显示当时时间的代码
Apr 08 Javascript
javascript模拟select,jselect的方法实现
Nov 08 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
jQuery表格行上移下移和置顶的实现方法
Oct 08 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
May 10 Javascript
JavaScript仿京东轮播图效果
Feb 25 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 #Javascript
在javascript中创建对象的各种模式解析
May 16 #Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 #Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 #Javascript
Javascript基础教程之比较null和undefined值
May 16 #Javascript
javascript对象的相关操作小结
May 16 #Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 #Javascript
You might like
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
2014/08/23 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
PHP如何实现跨域
2016/05/30 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
tp5框架使用cookie加密算法实现登录功能示例
2020/02/10 PHP
js 页面执行时间计算代码
2009/03/04 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
jquery选择器大全 全面详解jquery选择器
2014/03/06 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
jQuery超酷平面式时钟效果代码分享
2020/03/30 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
2016/01/28 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
微信小程序 for 循环详解
2016/10/09 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
微信公众号平台接口开发 获取微信服务器IP地址方法解析
2019/08/14 Javascript
js代码实现轮播图
2020/05/04 Javascript
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
[01:10:03]OG vs EG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
解读Django框架中的低层次缓存API
2015/07/24 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
vivo智能手机官方商城:vivo
2016/09/22 全球购物
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
党员干部公开承诺书
2014/03/26 职场文书
授权委托书(法人单位用)
2014/09/29 职场文书
机关保密工作承诺书
2015/05/04 职场文书
python识别围棋定位棋盘位置
2021/07/26 Python