jquery -- jquery控制只能输入数字和小数点

控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入、数量的输入等,这时候就需要我们控制文本框只能输入数字。在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当你转到中文输入法的时候输入的是中文,再按空格或回车键,中文或英文字母就输进去了,这时候就需要我们在文本框得到焦点的时候把输入法关闭,就是不响应输入法的切换。如下语句可以实现这样的功能。

通过keyCode来处理

下面的语句是用jquery写的,控制class为checkNum的文本框只能输入数字和小数点。

   //监听键盘,只允许输入数字和小数点  $(".checkNum").keypress(function(event) {
        var keyCode = event.which;
         if (keyCode == 46 || (keyCode >= 48 && keyCode <=57)) return true;
         else return false;
        }).focus(function() {
                this.style.imeMode=‘disabled‘;
        });     

imeMode有四种形式,分别是:

active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

通过正则表达式来处理

$(".checkNum").keyup(function(){    //用keyup,表现形式更好  

        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");
时间: 2024-08-09 00:15:08

jquery -- jquery控制只能输入数字和小数点的相关文章

js控制只能输入数字和小数点

非常好用,代码示例如下: <input  onkeypress = "return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"    onpaste = "return !clipboardData.getData('text').match(/\D/)"    ondragenter = "return false"    style= &q

jquery限制文本框只能输入数字、JQuery 限制文本框只能输入数字和小数点

/*JQuery 限制文本框只能输入数字及小数点 */ <script> $(function(){ /*JQuery 限制文本框只能输入数字*/ $("#id").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){  //CTR+V事件处理 $(this).val($(this).val().replace(/\D|

JQuery限制文本框只能输入数字和小数点的方法

<input type="text" class="txt NumText"  Width="100px"  /> $(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/D|^0/g,'')); }).bind("paste",function

JS控制只能输入数字并且最多允许小数点两位

直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" name="je" onblur="clearNoNum(this)

onkeyup+onafterpaste 只能输入数字和小数点

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')"

andriod InputType.TYPE_NUMBER_FLAG_DECIMAL只能输入数字和小数点无效问题

在java文件里edittext设置InputType.TYPE_NUMBER_FLAG_DECIMAL, 输入法能输入的是文本输入方式(数字.字母.符号等),和想要只能输入数字和小数点背道而驰. 在布局文件里edittext设置为inputType=“numberDecimal”,是预期效果. 后来对比了一下inputType=“numberDecimal”值和InputType.TYPE_NUMBER_FLAG_DECIMAL值,是不一样, 分别是8194和8192,于是在java文件里et

js只能输入数字和小数点

1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste

js判断只能输入数字或小数点

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')&qu

jQuery文本框只能输入数字

第一种写法: <input onkeyup="value=value.replace(/[^\d]/g,'')" /> 第二种写法: <input id="money1" onkeyup="Convert()" /> function Convert() { var bb = $("#money1").val(); $("#money1").val(bb.replace(/[^\d]