jquery限定文本框只能输入数字（整数和小数）
更新时间：2016年01月08日 08:57:28 投稿：lijiao
这篇文章主要介绍了jquery限定文本框只能输入数字，包括整数和小数，感兴趣的小伙伴们可以参考一下
本文实例介绍了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程序设计有所帮助。
相关文章
这篇文章主要介绍了 jquery实现可编辑表格并生成json结果,该代码解析和加载功能都用前端js实现，简化了后台代码逻辑，非常不错，具有参考借鉴加载，需要的朋友可以参考下2017-07-07
这篇文章主要介绍了jQuery插件zTree实现的多选树效果,结合实例形式分析了jQuery树形插件zTree实现多选树效果的具体操作步骤与相关注意事项,需要的朋友可以参考下2017-03-03
jQuery中;function($,undefined) 前面的分号的用处
这篇文章主要介绍了jQuery中;function($,undefined) 前面的分号的用处,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了jQuery实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
常用的jquery模板插件——jQuery Boilerplate介绍
Query Boilerplate是一个不错的jQuery插件开发工具，使用这个工具可以帮助你快速的构建一个jQuery框架。这个工具提供你很多评论用以帮助你使得开发变得简单和直接，它是个真正的面对对象的工具，你可以实现公开或者私有的方法或者公开或者私有的属性。2014-09-09
我们使用jQuery的ajax在页面中就像使用iframe一样加载其他页面内容，今天我给大家分享一个名叫jQuery oLoader的插件，该插件还集成了oPageLoader，可以轻松实现加载图片和页面的漂亮效果。2015-03-03
根据多个属性选择在某些对选择比较精确的情况下，还是比较实用的，其实很简单，不会的朋友看下本文2013-10-10
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
这篇文章主要介绍了jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
在进行Web开发时，并非所有的库都适合你的项目，但你仍需要收藏一些Web UI设计相关的库或框架，以在你需要的时候，加快你的开发效率。本文为你推荐10款非常优秀的基于JQuery的Web UI设计框架2014-08-08
本篇文章主要介绍了利用jquery获取select下拉框的值，如果你jquery不是特别熟练，每次使用不常用的就要百度。那么这篇文章应该会有所帮助，需要的朋友可以过来参考下2016-11-11
最新评论