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 相关文章推荐
由浅到深了解JavaScript类
Sep 08 Javascript
List Information About the Binary Files Used by an Application
Jun 18 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
JS 事件机制完整示例分析
Jan 15 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 Javascript
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
《APMServ 5.1.2》使用图解
2006/10/23 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
在laravel5.2中实现点击用户头像更改头像的方法
2019/10/14 PHP
动态加载js和css(外部文件)
2013/04/17 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
2013/11/23 Javascript
javascript 继承学习心得总结
2016/03/17 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
一个Vue页面的内存泄露分析详解
2018/06/25 Javascript
浅谈JavaScript闭包
2019/04/09 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
Python 返回汉字的汉语拼音
2009/02/27 Python
python事件驱动event实现详解
2018/11/21 Python
java判断三位数的实例讲解
2019/06/10 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
白俄罗斯大卖场:21vek.by
2019/07/25 全球购物
初中英语课后反思
2014/04/25 职场文书
环保倡议书范文
2014/05/12 职场文书
经济类毕业生求职信
2014/06/26 职场文书
2014年党风廉政工作总结
2014/12/03 职场文书
婚庆司仪开场白
2015/05/29 职场文书
教育教学读书笔记
2015/07/02 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书
浅谈@Value和@Bean的执行顺序问题
2021/06/16 Java/Android
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
JavaScript实现队列结构过程
2021/12/06 Javascript