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


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 相关文章推荐
对联广告js flash激活
Oct 19 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
使用正则表达式的格式化与高亮显示json字符串
Dec 03 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
BootStrap智能表单实战系列(七)验证的支持
Jun 13 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 Javascript
Vue如何实现监听组件原生事件
Jul 03 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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
2019十大人气国漫
2020/03/13 国漫
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
免费空间广告万能消除代码
2006/09/04 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
js获取时间精确到秒(年月日)
2016/03/16 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
js实现一键复制功能
2017/03/16 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
Python 开发Activex组件方法
2009/11/08 Python
Python代理抓取并验证使用多线程实现
2013/05/03 Python
python继承和抽象类的实现方法
2015/01/14 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
selenium2.0中常用的python函数汇总
2019/08/05 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
ALDO英国官网:加拿大女鞋品牌
2018/02/19 全球购物
QA工程师岗位职责
2013/11/20 职场文书
生日派对邀请函
2014/01/13 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
2014年女职工工作总结
2014/11/27 职场文书
单位接收函格式
2015/01/30 职场文书