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

布满荆棘的人生 2022-08-18 06:00 291阅读 0赞

##     ##

只能输入数字，不包括小数点。

1.      $("input[name='currentpage']").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");

============================================================================

1.    
    
2.  $("input\[name='searchBean.con1'\]").keyup(function()\{  //keyup事件处理 
3.          $(this).val($(this).val().replace(/\\D|^0/g,''));  
4.      \}).bind("paste",function()\{  //CTR+V事件处理 
5.          $(this).val($(this).val().replace(/\\D|^0/g,''));  
6.      \}).css("ime-mode", "disabled");  //CSS设置输入法不可用

显示效果:  
1023456789

下面的代码匹配的是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设置输入法不可用

显示效果:

0.123456789

注意两个的正则表达式不同，匹配不一样。

第一个，只能输入>0的正整数。

第二个，只能输入0-9的数字和小数点。

Js代码  [![复制代码][icon_copy.gif]][icon_copy.gif 1]  [![收藏代码][icon_star.png]![spinner.gif][]][icon_star.png_spinner.gif]

1.  //监听键盘，只允许输入数字和小数点 
2.  *// 注意此处不要用keypress方法，采用keyDown,否则不能禁用Ctrl+V,*
3.  *具体原因请自行查找keyPress与keyDown区分，十分重要，请细查 *
4.  *//采用keydown例子：$(".checkNum").keydown(**function**(event))\{\}*
5.    
    
6.          $(".checkNum").keypress(**function**(event) \{ 
7.              **var** keyCode = event.which; 
8.              **if** (keyCode == 46 || (keyCode >= 48 && keyCode <=57)) 
9.                  **return** **true**; 
10.             **else** 
11.                 **return** **false**; 
12.         \}).focus(**function**() \{ 
13.             **this**.style.imeMode='disabled'; 
14.         \});

**\[js\]**  [view plain][icon_copy.gif 1] [copy][icon_copy.gif 1]

1.  //监听键盘，只允许输入数字和小数点  　
2.  *// 注意此处尽量不要用keypress方法，采用keyDown否则不能禁用Ctrl+V ,*
3.  *//具体原因请自行查找keyPress与keyDown区分，十分重要，请细查*
4.          $(".checkNum").keypress(**function**(event) \{  
5.              **var** keyCode = event.which;  
6.              **if** (keyCode == 46 || (keyCode >= 48 && keyCode <=57))  
7.                  **return** **true**;  
8.              **else**  
9.                  **return** **false**;  
10.         \}).focus(**function**() \{  
11.             **this**.style.imeMode='disabled';  
12.         \});

imeMode有四种形式，分别是：

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

[icon_copy.gif]: http://blog.csdn.net/images/icon_copy.gif
[icon_copy.gif 1]: http://blog.csdn.net/thebesttome/article/details/6890909#
[icon_star.png]: http://blog.csdn.net/images/icon_star.png
[spinner.gif]: /images/20220731/b77faea586b640bb9ff72983e47fdbb5.png
[icon_star.png_spinner.gif]: http://blog.csdn.net/thebesttome/article/details/6890909