文本框中禁止非数字字符输入比如手机号码、邮编


Posted in Javascript onAugust 19, 2013

在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
<meta charset="UTF-8"> 
<title></title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<body> 
<input type="text" id="phone" value="0000"> 
</body> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
// Stuff to do as soon as the DOM is ready; 
var phone=$('#phone'); 
$(phone).on('click',function(){ 
phone.val(''); 
}) 
$(phone).on('keyup',function(evt){ 
var phoneVal=phone.val(); 
phoneVal=phoneVal.replace('/[^\d]+/g', ''); //替换非数字字符为空格 
phoneVal=parseInt(phoneVal,10); 
if(isNaN(phoneVal)){ 
phoneVal = ''; 
} 
this.value=phoneVal; 
}) 
}); 
</script> 
</html>
Javascript 相关文章推荐
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
javascript图片滑动效果实现
Jan 28 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
Vue.js表单控件实践
Oct 27 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
简单谈谈JS中的正则表达式
Sep 11 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
Dec 03 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Aug 19 #Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 #Javascript
详解JavaScript函数绑定
Aug 18 #Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 #Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 #Javascript
JavaScript生成GUID的多种算法小结
Aug 18 #Javascript
实测jquery data()如何存值
Aug 18 #Javascript
You might like
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
thinkphp中html:list标签传递多个参数实例
2014/10/30 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
js检测输入内容全为空格的方法
2014/05/03 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
详解js类型判断
2018/05/22 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
python DataFrame获取行数、列数、索引及第几行第几列的值方法
2018/04/08 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
浅谈Python类中的self到底是干啥的
2019/11/11 Python
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
Sql面试题
2013/03/20 面试题
出国导师推荐信
2014/01/16 职场文书
班级德育工作实施方案
2014/02/21 职场文书
保护环境建议书100字
2014/05/13 职场文书
禁毒宣传标语
2014/06/19 职场文书
受伤赔偿协议书
2014/09/24 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
班主任培训研修日志
2015/11/13 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python
教你怎么用Python操作MySql数据库
2021/05/31 Python
python自动计算图像数据集的RGB均值
2021/06/18 Python
处理canvas绘制图片模糊问题
2022/05/11 Javascript