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


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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
javascript实现动态CSS换肤技术的脚本
Jun 29 Javascript
js导出table到excel同时兼容FF和IE示例
Sep 03 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
Jul 06 Javascript
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
Dec 12 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 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安全配置
2006/10/09 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
更改localhost为其他名字的方法
2014/02/10 PHP
php下获取http状态的实现代码
2014/05/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
PHP实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
基于php判断客户端类型
2016/10/14 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
浅析javascript的return语句
2015/12/15 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
基于对象合并功能的实现示例
2017/10/10 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
2019/05/21 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
python函数装饰器用法实例详解
2015/06/04 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
小学门卫岗位职责
2013/12/17 职场文书
幼儿教师个人总结
2015/02/05 职场文书
幼师小班个人总结
2015/02/12 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL
Mysql索引失效 数据库表中有索引还是查询很慢
2022/05/15 MySQL
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript