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


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的Cookies
Jan 16 Javascript
自编jQuery插件实现模拟alert和confirm
Sep 01 Javascript
JavaScript中的getTime()方法使用详解
Jun 10 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
JavaScript如何把两个数组对象合并过程解析
Oct 10 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
Sep 04 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函数
2010/02/16 PHP
PHP计划任务、定时执行任务的实现代码
2011/04/23 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
PHP基于socket实现客户端和服务端通讯功能
2017/07/13 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
filemanage功能中用到的lib.js
2007/04/08 Javascript
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
js Dialog 实践分享
2012/10/22 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
小学教师的个人自我鉴定
2013/10/26 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
体操比赛口号
2014/06/10 职场文书
组工干部演讲稿
2014/09/02 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL
vue基于Teleport实现Modal组件
2021/05/31 Vue.js
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python