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


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 相关文章推荐
cnblogs csdn 代码运行框实现代码
Nov 02 Javascript
javascript 简单抽屉效果的实现代码
Mar 09 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 Javascript
Nest.js 授权验证的方法示例
Feb 22 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
正义联盟的终局之战《天启星战争》将成为DC动画宇宙的最后一部
2020/04/09 欧美动漫
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php数组遍历类与用法示例
2019/05/24 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
2016/08/03 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
python中对list去重的多种方法
2014/09/18 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
matplotlib实现区域颜色填充
2019/03/18 Python
python 进程的几种创建方式详解
2019/08/29 Python
Python实现简单猜数字游戏
2021/02/03 Python
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
绩效管理实施方案
2014/03/19 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
爱心助学感谢信
2015/01/21 职场文书
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript