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


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 位置插件
Dec 25 Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 Javascript
utf-8编码引起js输出中文乱码的解决办法
Jun 23 Javascript
javascript权威指南 学习笔记之null和undefined
Sep 25 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
常见JS验证脚本汇总
Dec 01 Javascript
JavaScript验证知识整理
Mar 24 Javascript
js+canvas实现滑动拼图验证码功能
Mar 26 Javascript
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
对vue生命周期的深入理解
Dec 03 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
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
php的正则处理函数总结分析
2008/06/20 PHP
php环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
PHP PDOStatement::setFetchMode讲解
2019/02/03 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
Bootstrap常用组件学习(整理)
2017/03/24 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
vuex实现购物车功能
2020/06/28 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python和pyqt实现360的CLable控件
2014/02/21 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
python推导式的使用方法实例
2021/02/28 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
某公司部分笔试题
2013/11/05 面试题
财务会计人员求职的自我评价
2014/01/13 职场文书
对公司的意见和建议
2015/06/04 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
Redis可视化客户端小结
2021/06/10 Redis
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android
详解python的异常捕获
2022/03/03 Python
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang
Oracle中DBLink的详细介绍
2022/04/29 Oracle
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers