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


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 13 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
DOM 高级编程
May 06 Javascript
Node.js中npm常用命令大全
Jun 09 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
javascript常用经典算法详解
Jan 11 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
移动端效果之Swiper详解
Oct 09 Javascript
实例学习JavaScript读取和写入cookie
Jan 29 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 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数据类型转换
2014/01/09 PHP
分享10段PHP常用代码
2015/11/11 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
PHP的反射机制实例详解
2017/03/29 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
javascript事件问题
2009/09/05 Javascript
使用jQuery简化Ajax开发 Ajax开发入门
2009/10/14 Javascript
javascript OFFICE控件测试代码
2009/12/08 Javascript
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
2017/03/21 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
2017/10/20 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
如何使用Python调整图像大小
2020/09/26 Python
Python的logging模块基本用法
2020/12/24 Python
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
医学生个人求职信范文
2013/09/24 职场文书
应届生英语教师求职信
2013/11/05 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
个人职业及收入证明
2014/10/13 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
篮球赛新闻稿
2015/07/17 职场文书
导游词之南京中山陵
2019/11/27 职场文书