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


Posted in Javascript onJanuary 08, 2016

本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下

先来一段规定文本框只能够输入数字包括小数的jQuery代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>三水点靠木</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//文本框只能输入数字(包括小数),并屏蔽输入法和粘贴 
jQuery.fn.number=function(){
 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); 
 } 
 }); 
}; 
$(function(){ 
 $("#txt").number();
}); 
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>

2、jQuery如何规定文本框只能输入整数:
有时候文本框的内容只能够是数字,并且还只能够是整数,例如年龄,你不能够填写20.8岁,下面就通过代码实例介绍一下如何实现此功能,希望给需要的朋友带来帮助,代码如下:

<html> 
<head> 
<meta charset="gb2312"> 
<title>蚂蚁部落</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//文本框只能输入数字(不包括小数),并屏蔽输入法和粘贴 
jQuery.fn.integer=function(){ 
 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*/,''); 
 } 
 }); 
}; 
$(function(){ 
 $("#txt").integer();
}); 
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>

以上代码实现了我们的要求,文本框中只能够输入整数。

希望本文所述对大家学习jquery程序设计有所帮助。

Javascript 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
javascript常用的设计模式
Feb 09 Javascript
详解Node中导入模块require和import的区别
Aug 11 Javascript
关于JavaScript中高阶函数的魅力详解
Sep 07 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
Jan 08 #Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 #Javascript
javascript中select下拉框的用法总结
Jan 07 #Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 #Javascript
js创建对象的方法汇总
Jan 07 #Javascript
JavaScript截取、切割字符串的技巧
Jan 07 #Javascript
js确认框confirm()用法实例详解
Jan 07 #Javascript
You might like
php笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
php 数据结构之链表队列
2017/10/17 PHP
Thinkphp5.0框架视图view的循环标签用法示例
2019/10/12 PHP
javascript 函数调用的对象和方法
2010/07/01 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
2016/06/21 Javascript
JavaScript设计模式之单体模式全面解析
2016/09/09 Javascript
Js apply方法详解
2017/02/16 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python服务器与android客户端socket通信实例
2014/11/12 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
Python之循环结构
2019/01/15 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
python的链表基础知识点
2020/09/13 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
销售员岗位职责范本
2014/02/03 职场文书
会员卡清退活动总结
2014/08/27 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
班主任先进事迹材料
2014/12/17 职场文书
学校运动会开幕词
2016/03/03 职场文书
Linux系统下MySQL配置主从分离的步骤
2022/03/21 MySQL