jquery限定文本框只能输入数字即整数和小数


Posted in Javascript onNovember 29, 2013
$(function(){ 
//文本框只能输入数字(不包括小数),并屏蔽输入法和粘贴 
$.fn.integer= function() { 
$(this).css("ime-mode", "disabled"); 
this.bind("keypress",function(e) { 
var code = (e.keyCode ? e.keyCode : e.which); //兼容火狐 IE 
if(!$.browser.msie&&(e.keyCode==0x8)){ //火狐下不能使用退格键 
return ; 
} 
return code >= 48 && code<= 57; 
}); 
this.bind("paste", function() { 
return false; 
}); 
this.bind("keyup", function() { 
if (/(^0+)/.test(this.value)) { 
this.value = this.value.replace(/^0*/, ''); 
} 
}); 
}; //文本框只能输入数字(包括小数),并屏蔽输入法和粘贴 
$.fn.number= function() { 
$(this).css("ime-mode", "disabled"); 
this.bind("keypress",function(e) { 
var code = (e.keyCode ? e.keyCode : e.which); //兼容火狐 IE 
if(!$.browser.msie&&(e.keyCode==0x8)){ //火狐下不能使用退格键 
return ; 
} 
if(this.value.indexOf(".")==-1){ 
return (code >= 48 && code<= 57)||(code==46); 
}else{ 
return code >= 48 && code<= 57 
} 
}); 
this.bind("paste", function() { 
return false; 
}); 
this.bind("keyup", function() { 
if(this.value.slice(0,1) == "."){ 
this.value = ""; 
} 
}); 
this.bind("blur",function(){ 
if(this.value.slice(-1) == "."){ 
this.value = this.value.slice(0,this.value.length-1); 
} 
}); 
}; 
});
Javascript 相关文章推荐
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
Dec 13 Javascript
Scala解析Json字符串的实例详解
Oct 11 Javascript
vue组件中的样式属性scoped实例详解
Oct 30 Javascript
前端天气插件tpwidget使用方法详解
Jun 24 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
vue3.0 上手体验
Sep 21 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
vue自定义右键菜单之全局实现
Apr 09 Vue.js
js中事件的处理与浏览器对象示例介绍
Nov 29 #Javascript
js实现的折叠导航示例
Nov 29 #Javascript
javascript特殊用法示例介绍
Nov 29 #Javascript
jquery和ajax的关系详细介绍
Nov 29 #Javascript
js操作table示例(个人心得)
Nov 29 #Javascript
css配合jquery美化 select
Nov 29 #Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 #Javascript
You might like
php使用Jpgraph绘制饼状图的方法
2015/06/10 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
node.js实现简单的压缩/解压缩功能示例
2019/11/05 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
python正则表达式re模块详解
2014/06/25 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
Centos部署django服务nginx+uwsgi的方法
2019/01/02 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
Python当中的array数组对象实例详解
2019/06/12 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
Python 自由定制表格的实现示例
2020/03/20 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
Python如何对XML 解析
2020/06/28 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
web字体加载方案优化小结
2019/11/29 HTML / CSS
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
幼儿园社区活动总结
2014/07/07 职场文书
药店促销活动总结
2014/07/10 职场文书
单位工作证明格式模板
2014/10/04 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
护士个人年终总结
2015/02/13 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
古诗之感恩老师
2019/10/24 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js
Promise面试题详解之控制并发
2021/05/14 面试题
Python提取PDF指定内容并生成新文件
2021/06/09 Python