设置页面文本框 只能输入数字的js方法

Question

转：The only

设置页面文本框 只能输入数字的js方法

之前写过的方法有缺陷，可以输入空格。现在将空格也屏蔽了。就是在之前的代码里加入了过滤空格的功能。

代码如下：

1. $("#money").bind("propertychange",function() {
2.    
3.         if(""!=this.value){
4.         
5.             var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
6.             if(this.value != str )
7.                 this.value = str;
8.         }
10.         if( isNaN(Number(this.value)))
11.             this.value = this.value.replace(/[\D]/,'');
12.         });

复制代码这里使用了JQuery绑定到id为money的文本框的onpropertychange事件上。

下面的代码连小数点也屏蔽掉了

1. $("#phone").bind("propertychange", function() {
2.    
3.         if(""!=this.value){
4.         
5.             var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
6.             if(this.value != str )
7.                 this.value = str;
8.         }
9.         
10.         if (this.value.indexOf('.') != -1) {
11.             this.value = this.value.replace(/[\.]/, '');
12.             this.focus(); }  
13.             
14.         if (isNaN(Number(this.value))) {
15.             this.value = ($.trim(this.value)).replace(/[\D]/, '');
16.             this.focus(); } });

复制代码最后，最好将输入法屏蔽掉。 通过css，ime-mode:disabled就可以实现。

如果很严格的话，可以再追加上禁止粘贴与拖拽。

Answer 1

http://hi.baidu.com/%D4%C6%B4%A8 ... c939689e2fb49d.html