Jquery控制只能输入数字的常见方法

Jquery控制只能输入数字的常见方法

1.html 元素控制(只能输入数字,不包括小数点。 )
<input type="text" id="bankAccount" name="bankAccount" maxlength="64"    
 onkeyup="this.value=this.value.replace(/\D/g,'')"    
 onafterpaste="this.value=this.value.replace(/\D/g,'')"/>  


2.JQuery(只能输入>0的正整数。)
$("input[name='searchBean.con1']").keyup(function(){  //keyup事件处理 
    $(this).val($(this).val().replace(/\D|^0/g,''));  
}).bind("paste",function(){  //CTR+V事件处理 
    $(this).val($(this).val().replace(/\D|^0/g,''));  
}).css("ime-mode", "disabled");  //CSS设置输入法不可用


3.JQuery(只能输入0-9的数字和小数点。)
$("#rnumber").keyup(function(){  
    $(this).val($(this).val().replace(/[^0-9.]/g,''));  
}).bind("paste",function(){  //CTR+V事件处理  
    $(this).val($(this).val().replace(/[^0-9.]/g,''));   
}).css("ime-mode", "disabled"); //CSS设置输入法不可用  


其他案例:
//监听键盘,只允许输入数字和小数点 
// 注意此处不要用keypress方法,采用keyDown,否则不能禁用Ctrl+V,
具体原因请自行查找keyPress与keyDown区分,十分重要,请细查 
//采用keydown例子:$(".checkNum").keydown(function(event)){}

$(".checkNum").keypress(function(event) { 
    var keyCode = event.which; 
    if (keyCode == 46 || (keyCode >= 48 && keyCode <=57)) 
        return true; 
    else 
        return false; 
}).focus(function() { 
    // imeMode有四种形式,分别是:   
    // active 代表输入法为中文   
    // inactive 代表输入法为英文   
    // auto 代表打开输入法 (默认)   
    // disable 代表关闭输入法   
    this.style.imeMode='disabled'; 
}); 

猜你喜欢

转载自blog.csdn.net/GeorgeGuoo/article/details/82713026
今日推荐