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


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 相关文章推荐
JQuery 学习技巧总结
May 21 Javascript
js如何获取object类型里的键值
Feb 18 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
jquery实现图片预加载
Dec 25 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
JavaScript canvas实现文字时钟
Jan 10 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
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
用Flash图形化数据(一)
2006/10/09 PHP
用函数读出数据表内容放入二维数组
2006/10/09 PHP
php生成缩略图的类代码
2008/10/02 PHP
phpMyAdmin 安装及问题总结
2009/05/28 PHP
php smarty 二级分类代码和模版循环例子
2011/06/01 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
python支持断点续传的多线程下载示例
2014/01/16 Python
用python实现对比两张图片的不同
2018/02/05 Python
Python基础教程之异常详解
2019/01/10 Python
pytorch中nn.Conv1d的用法详解
2019/12/31 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
护理学毕业生自荐信
2013/10/02 职场文书
车间调度岗位职责
2013/11/30 职场文书
小学开学寄语
2014/01/19 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
大学生励志演讲稿
2014/04/25 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
Python合并pdf文件的工具
2021/07/01 Python