<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
分享到:
相关推荐
这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...
这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...
在这个例子中,我们添加了一个`oninput`事件监听器,当用户在文本框中输入时,会调用`validateInput`函数。该函数通过`isNaN`检查输入值是否为数字,如果不是,则使用正则表达式`\D`匹配并替换所有非数字字符。 ...
这样,我们的jQuery插件就能根据需求灵活地控制文本框的输入限制,为用户提供更加友好的交互体验。在实际项目中,可能还需要考虑其他因素,如性能优化(避免频繁触发事件)、兼容性问题以及错误处理等,以确保插件在...
"js只能输入数字(包括小数)的文本框"就是一个这样的需求,它通过JavaScript代码实现,允许用户在文本框中输入整数或小数,而排除其他非数字字符。这通常用于财务、统计或任何需要精确数值输入的场景。 JavaScript...
为了实现这些功能,开发者通常会编写一个名为`jQuery_input_decorate.js`的脚本文件,这个文件扩展了jQuery的功能,定义了处理文本框的函数和事件绑定。它依赖于基础的jQuery库,即`jquery.js`,该文件提供了跨...
尤其在表单处理中,限制用户在文本框中只能输入数字或字母是一个常见需求。Jquery作为JavaScript的一个流行的库,提供了一种简便的方法来操作DOM并增加这种限制。 第一种方法是通过$.fn.onlyNum()函数限制文本框只...
这个简单的jQuery插件可以轻松集成到任何项目中,提供实时的字数统计功能,帮助用户更好地控制他们的输入,提高网站的可用性和用户体验。通过调整`maxLength`和样式,你可以根据实际需求自定义字数限制和视觉反馈。...
jQuery 是一个广泛使用的 JavaScript 库,它提供了丰富的功能来简化前端开发,包括实现自动补全插件。本文将详细讲解如何使用 jQuery 和相关插件创建一个仿搜索引擎的文本框自动补全功能。 首先,我们需要引入 ...
"jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...
总的来说,这个“jquery插件库-jquery按钮控制text文本框商品数量增加或减少”的压缩包提供了一个实用的jQuery解决方案,帮助开发者快速实现商品数量控制功能。通过学习和理解这个插件的工作原理,我们可以更好地...
5. **兼容性**:考虑到不同的浏览器可能对某些特性支持不同,好的jQuery插件通常会确保在主流浏览器上都能正常工作,包括Chrome、Firefox、Safari、Edge以及旧版的Internet Explorer等。 在实际应用中,使用这个...
`jQuery.autoTextarea`出自css88.com,这是一个专注于前端开发资源分享的网站,提供了一系列高质量的jQuery插件和CSS样式,对于前端开发者来说是一个很好的学习和参考平台。 在实际项目中,`jQuery.autoTextarea`...
jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...
2. 反馈显示:通常会在textarea下方显示一个计数器,展示剩余可输入字符数,让用户清晰了解自己的输入状况。 3. 阈值限制:可以设定一个阈值,当字符数达到这个值时,可以禁用输入,或者显示警告信息。 4. 自定义...
通过上述方法,我们可以创建一个文本框,该文本框不仅限制用户只能输入数字,而且可以区分整数和小数。这在进行数字输入时提供了较为严格的格式控制,避免了后续数据处理的复杂性。在使用该功能时,需要将相应的...
今天我们将深入探讨一个基于jQuery的文本框表情插件,通过分析其核心组件和工作原理,来理解如何实现这一功能。 首先,我们来看这个插件的基本结构。在提供的压缩包中,包含了四个主要文件:smohan.face.css、index...
总的来说,“JQuery插件之自增长多行文本框”是一个提升用户体验的实用工具,通过巧妙地结合JavaScript和CSS,实现了多行文本框的自适应高度功能,使得用户在输入大量文本时能够更加流畅地阅读和编辑。
这里我们将使用`JqWatermark.js`插件,这是一个专为jQuery设计的文本框水印插件。首先,在页面中引入这个插件: ```html <script src="JqWatermark.js"> ``` 接着,我们可以为指定的文本框添加水印: ```...