jquery 限制文本框只能输入数字
转自:http://jonsion.iteye.com/blog/558277
$("input[name='fangwenyudinhuishu']").keyup(function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|^0/g,''));
}).bind("paste",function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|^0/g,''));
}).css("ime-mode", "disabled");
上面是keyup事件处理,下面处理了CTR+V事件,最后就是CSS设置输入法不可用
----------------------------------------------------------------------------------------------------------------------------------------------------------------
用jquery限制文本框只能输入数字:
程序:
$(function(){
//文本框只能输入数字,并屏蔽输入法和粘贴
$.fn.numeral = 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("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*/, '');
}
});
};
//调用文本框的id
$("#score").numeral();
});
分享到:
相关推荐
本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: <!DOCTYPE html> <html> <head> <meta ...
第一种方法是通过$.fn.onlyNum()函数限制文本框只允许输入数字。通过绑定keypress事件,可以检查按下的键是否是0到9之间的数字键码。如果是,函数返回true,允许输入;如果不是,则返回false,阻止其他字符的输入。...
这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...
### jQuery限制文本框输入数字和字母的方法 1. **限制文本框只能输入数字** 通过jQuery的`$.fn.onlyNum`函数,我们可以实现对文本框输入内容的限制。这个函数通过监听`keypress`事件来拦截用户的输入。在`...
首先,我们来看`.integer()`函数,它的主要目的是限制文本框只能输入整数,并屏蔽输入法和粘贴功能。这个函数通过以下步骤实现: 1. 使用`.css()`方法设置`ime-mode`属性为`disabled`,这将禁用输入法,防止用户...
在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...
代码如下:$(function(){ /*JQuery 限制文本框只能输入数字*/ $(“.NumText”).keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,”)); }).bind(“paste”,function(){ //CTR+V事件处理 $(this)....
标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...
在HTML中,文本框(`<input>`元素)通常用于用户输入数据,但...总的来说,限制HTML文本框只能输入数字涉及到HTML5的新特性以及JavaScript的实时验证。通过合理使用这些技术,可以创建出更加友好和健壮的用户输入界面。
以下是一些常见的方法来限制文本框只接受数字或字母的输入: 1. **只能输入字母和汉字**: 通过监听`onkeyup`和`onbeforepaste`事件,我们可以移除所有非字母和非汉字的字符。代码如下: ```html (/[\d]/g,'')" ...
针对"文本框输入限制汉字和字母"的需求,我们可以创建一个名为`inputLimit`的插件。这个插件会监听文本框的`keyup`事件,检查用户输入的字符是否符合规定。如果不符合,就删除它。以下是插件实现的代码: ```...
要使用jQuery限制文本框只输入数字,关键在于正确地使用正则表达式来匹配并替换掉不符合条件的字符。在给出的代码示例中,使用了`.keyup()`和`.bind("paste")`两个事件处理函数,分别用于处理键盘输入和粘贴操作。 ...
这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...
"jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...
本文将详细解释如何使用JavaScript来限制文本框中只能输入数字和字母,以及单独限制只能输入数字或字母的方法。 首先,我们需要了解几个基本的JavaScript事件和方法,它们可以帮助我们在用户输入时进行即时的验证。...
因此,要限制文本框只能输入数字,可以使用正则表达式`/[^0-9]/g`,其中`[^0-9]`表示匹配任何非数字的字符,`g`标志表示全局匹配,即会查找所有符合模式的字符。 然而,在某些浏览器(如早期版本的IE)中,可能会...