`
jaychaoqun
  • 浏览: 30361 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类

js 控制文本框只能输入数字 自己开发了一个jquery插件

    博客分类:
  • js
阅读更多
 <input type="text" id="txt1">
<script type="text/javascript">
  $("#txt1").numeral();
 </script>

 项目中要用到文本框只能输入数字,在网上查了很多js控制,发现都存在着多多少少的bug,于是就自己做了一个基于jquery,文本框只能输入数字的插件

$.fn.numeral = function(){
			$(this).css("ime-mode","disabled");
			this.bind("keypress",function(){
				if(event.keyCode == 46){
					if(this.value.indexOf(".")!=-1){
						return false;
					}
				}else{
					return event.keyCode>=46&&event.keyCode<=57;
				}
			});
			this.bind("blur",function(){
				if(this.value.lastIndexOf(".")==(this.value.length-1)){
					this.value = this.value.substr(0,this.value.length-1);
				}else if(isNaN(this.value)){
					this.value = "";					
				}
			});
			this.bind("paste",function(){
				var s=clipboardData.getData('text'); 
				if(!/\D/.test(s)); 
				value=s.replace(/^0*/,''); 
				return false;
			});
			this.bind("dragenter",function(){
				return false;
			});
			this.bind("keyup",function(){
				if(/(^0+)/.test(this.value))this.value=this.value.replace(/^0*/, '');
			});
		};

 大家可以用用,,有bug给我留言,,3x

分享到:
评论
4 楼 zyr2206328732 2014-07-12  
谢谢 给了我点启发
3 楼 qq642617822 2010-09-27  
       解决一下,谢谢了。如果解决了,通知一下QQ642617822
2 楼 qq642617822 2010-09-27  
火狐浏览器不支持。。。。。。。。。。。。。。。。        
1 楼 zhaosoft 2009-08-18  
在ff下会有问题

相关推荐

    jquery插件,是文本框只能输入数字

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

    jquery只能输入数字的文本框插件

    这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...

    html文本框只能输入数字

    在这个例子中,我们添加了一个`oninput`事件监听器,当用户在文本框中输入时,会调用`validateInput`函数。该函数通过`isNaN`检查输入值是否为数字,如果不是,则使用正则表达式`\D`匹配并替换所有非数字字符。 ...

    jquery 插件 文本框输入限制 汉字,字母

    这样,我们的jQuery插件就能根据需求灵活地控制文本框的输入限制,为用户提供更加友好的交互体验。在实际项目中,可能还需要考虑其他因素,如性能优化(避免频繁触发事件)、兼容性问题以及错误处理等,以确保插件在...

    js只能输入数字(包括小数)的文本框

    "js只能输入数字(包括小数)的文本框"就是一个这样的需求,它通过JavaScript代码实现,允许用户在文本框中输入整数或小数,而排除其他非数字字符。这通常用于财务、统计或任何需要精确数值输入的场景。 JavaScript...

    jquery文本框点击的效果插件

    为了实现这些功能,开发者通常会编写一个名为`jQuery_input_decorate.js`的脚本文件,这个文件扩展了jQuery的功能,定义了处理文本框的函数和事件绑定。它依赖于基础的jQuery库,即`jquery.js`,该文件提供了跨...

    3种Jquery限制文本框只能输入数字字母的方法

    尤其在表单处理中,限制用户在文本框中只能输入数字或字母是一个常见需求。Jquery作为JavaScript的一个流行的库,提供了一种简便的方法来操作DOM并增加这种限制。 第一种方法是通过$.fn.onlyNum()函数限制文本框只...

    jQuery计算文本框可输入字数代码.zip

    这个简单的jQuery插件可以轻松集成到任何项目中,提供实时的字数统计功能,帮助用户更好地控制他们的输入,提高网站的可用性和用户体验。通过调整`maxLength`和样式,你可以根据实际需求自定义字数限制和视觉反馈。...

    Jquery实现仿搜索引擎文本框自动补全插件

    jQuery 是一个广泛使用的 JavaScript 库,它提供了丰富的功能来简化前端开发,包括实现自动补全插件。本文将详细讲解如何使用 jQuery 和相关插件创建一个仿搜索引擎的文本框自动补全功能。 首先,我们需要引入 ...

    jQuery 文本文本框输入字符限制插件.

    "jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...

    jquery插件库-jquery按钮控制text文本框商品数量增加或减少.zip

    总的来说,这个“jquery插件库-jquery按钮控制text文本框商品数量增加或减少”的压缩包提供了一个实用的jQuery解决方案,帮助开发者快速实现商品数量控制功能。通过学习和理解这个插件的工作原理,我们可以更好地...

    jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载

    5. **兼容性**:考虑到不同的浏览器可能对某些特性支持不同,好的jQuery插件通常会确保在主流浏览器上都能正常工作,包括Chrome、Firefox、Safari、Edge以及旧版的Internet Explorer等。 在实际应用中,使用这个...

    jQuery.autoTextarea文本框自适应输入高度代码.rar

    `jQuery.autoTextarea`出自css88.com,这是一个专注于前端开发资源分享的网站,提供了一系列高质量的jQuery插件和CSS样式,对于前端开发者来说是一个很好的学习和参考平台。 在实际项目中,`jQuery.autoTextarea`...

    jQuery文本框联想补全自动完成插件

    jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...

    jQuery 文本框字符限制插件 Textarea

    2. 反馈显示:通常会在textarea下方显示一个计数器,展示剩余可输入字符数,让用户清晰了解自己的输入状况。 3. 阈值限制:可以设定一个阈值,当字符数达到这个值时,可以禁用输入,或者显示警告信息。 4. 自定义...

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

    通过上述方法,我们可以创建一个文本框,该文本框不仅限制用户只能输入数字,而且可以区分整数和小数。这在进行数字输入时提供了较为严格的格式控制,避免了后续数据处理的复杂性。在使用该功能时,需要将相应的...

    Jquery文本框插入表情插件.zip

    今天我们将深入探讨一个基于jQuery的文本框表情插件,通过分析其核心组件和工作原理,来理解如何实现这一功能。 首先,我们来看这个插件的基本结构。在提供的压缩包中,包含了四个主要文件:smohan.face.css、index...

    JQuery插件之自增长多行文本框

    总的来说,“JQuery插件之自增长多行文本框”是一个提升用户体验的实用工具,通过巧妙地结合JavaScript和CSS,实现了多行文本框的自适应高度功能,使得用户在输入大量文本时能够更加流畅地阅读和编辑。

    html javascript jquery 文本框水印

    这里我们将使用`JqWatermark.js`插件,这是一个专为jQuery设计的文本框水印插件。首先,在页面中引入这个插件: ```html &lt;script src="JqWatermark.js"&gt; ``` 接着,我们可以为指定的文本框添加水印: ```...

Global site tag (gtag.js) - Google Analytics