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


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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
JS中获取函数调用链所有参数的方法
May 07 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
vue项目中将element-ui table表格写成组件的实现代码
Jun 12 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 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简洁函数小结
2011/08/12 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
悄悄用脚本检查你访问过哪些网站的代码
2010/12/04 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
2012/02/03 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
JS跨域问题详解
2014/11/25 Javascript
Redis基本知识、安装、部署、配置笔记
2015/03/05 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
微信小程序 ecshop地址三级联动实现实例代码
2017/02/28 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
2017/12/11 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
nodejs开发一个最简单的web服务器实例讲解
2020/01/02 NodeJs
[02:28]DOTA2英雄基础教程 灰烬之灵
2013/12/19 DOTA
Python中的ctime()方法使用教程
2015/05/22 Python
python安装pil库方法及代码
2019/06/25 Python
Python绘制股票移动均线的实例
2019/08/24 Python
Python实现不规则图形填充的思路
2020/02/02 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
详解css3 Transition属性(平滑过渡菜单栏案例)
2017/09/05 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
国际商务专业学生个人的自我评价
2013/09/28 职场文书
建筑公司文秘岗位职责
2013/11/29 职场文书
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
企业读书活动总结
2014/06/30 职场文书
学校安全管理责任书
2014/07/23 职场文书
党员年终个人总结
2015/02/14 职场文书
2016大学生优秀志愿者事迹材料
2016/02/25 职场文书
Python超详细分步解析随机漫步
2022/03/17 Python
Java无向树分析 实现最小高度树
2022/04/09 Javascript
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android