基於jquery的設定頁面文字框 只能輸入數位實現代碼

代碼如下：
複製代碼 代碼如下:
$("#money").bind("propertychange",function() {
if(""!=this.value){
var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
if(this.value != str )
this.value = str;
}
if( isNaN(Number(this.value)))
this.value = this.value.replace(/[\D]/,'');
});

這裡使用了JQuery綁定到id為money的文字框的onpropertychange事件上。
下面的代碼連小數點也屏蔽掉了
複製代碼 代碼如下:
$("#phone").bind("propertychange", function() {
if(""!=this.value){
var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
if(this.value != str )
this.value = str;
}
if (this.value.indexOf('.') != -1) {
this.value = this.value.replace(/[\.]/, '');
this.focus(); }
if (isNaN(Number(this.value))) {
this.value = ($.trim(this.value)).replace(/[\D]/, '');
this.focus(); } });

最後，最好將IME屏蔽掉。 通過css，ime-mode:disabled就可以實現。
如果很嚴格的話，可以再追加上禁止粘貼與拖拽。
禁止粘貼與拖拽實現方法
文字框禁止拖拽和粘貼

在css中實現文字框禁止拖拽和粘貼的功能

建立一個Css，如下：
複製代碼 代碼如下:
.TextBox_NotDragpaste

{
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}

如果還需要禁止輸入中文的功能只需要多加一個語句即可。

如下：
複製代碼 代碼如下:
.TextBox_NotDragpaste

{
ime-mode:disabled;
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}