jQuery限制只能输入数字与失去焦点获取焦点

发布时间:2020-06-18编辑:脚本学堂
用jquery限制文本框中只允许输入数字,以及焦点的获取与失去控制方法,有需要的朋友参考下。

例子,jquery限制只能输入数字:
 

复制代码 代码示例:
$(document).ready(function(){ 
//验证只可以输入 数字 0-9  获取焦点focus 失去焦点blur 
//所有文本框class="input2" 只可以输入数字 如果用Id 只要把 .input2换成相应的id  
$(".input2").keydown(function(event) { 
 var keyCode = event.which;  
 if (keyCode == 46 || keyCode == 8 ||  (keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) ) { 
     return true; 
 } else { return false } 
       }).focus(function() { 
          this.style.imeMode = 'disabled';   
       }).blur(function(){  
          alert('失去焦点'); 
}); 
//text的id为 txtNumber
//获取焦点与失去焦点
$("#txtNumber").keydown(function(event) { 
 var keyCode = event.which;  
 if (keyCode == 46 || keyCode == 8 ||  (keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) ) { 
     return true; 
 } else { return false } 
       }).focus(function() { 
          this.style.imeMode = 'disabled';   
       }).blur(function(){  
          alert('失去焦点');
       });
});