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


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 相关文章推荐
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
使用jquery动态加载js文件的方法
Dec 24 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
Jun 30 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
js canvas实现写字动画效果
Nov 30 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 Javascript
VUE项目实现主题切换的多种方法
Nov 26 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
php 学习资料零碎东西
2010/12/04 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
2018/02/23 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
Python实现获取网站PR及百度权重
2015/01/21 Python
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
Django 登陆验证码和中间件的实现
2018/08/17 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
Python hashlib模块加密过程解析
2019/11/05 Python
Python3 元组tuple入门基础
2020/02/09 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
在keras里实现自定义上采样层
2020/06/28 Python
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
毕业寄语大全
2014/04/09 职场文书
应聘教师自荐书
2014/06/16 职场文书
班级心理活动总结
2014/07/04 职场文书
乡镇党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
计生个人工作总结
2015/02/28 职场文书