DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 文本框只能輸入數字網頁代碼
文本框只能輸入數字網頁代碼
編輯:布局實例     

 方法一、四事件組合完合可以實現文本框只能輸入數字
<input type="text"
onkeypress = 'return /^d$/.test(String.fromCharCode(event.keyCode))'
oninput= 'this.value = this.value.replace(/D+/g, "")'
onpropertychange='if(!/D+/.test(this.value)){return;};this.value=this.value.replace(/D+/g, "")'
onblur = 'this.value = this.value.replace(/D+/g, "")'/>
方法二、jquery法實現文本框只能輸入數字
控制文本框只能輸入數字是一個很常見的需求,比如電話號碼的輸入、數量的輸入等,這時候就需要我們控制文本框只能輸入數字。在用js控制之後在英文輸入法的狀態下去敲擊鍵盤上的非數字鍵是輸不進去的,然而當你轉到中文輸入法的時候輸入的是中文,再按空格或回車鍵,中文或英文字母就輸進去了,這時候就需要我們在文本框得到焦點的時候把輸入法關閉,就是不響應輸入法的切換。如下語句可以實現這樣的功能。
下面的語句是用jquery寫的,控制class為checkNum的文本框只能輸入數字和小數點。
Js代碼  收藏代碼
//監聽鍵盤,只允許輸入數字和小數點  
            $(".checkNum").keypress(function(event) {  
                var keyCode = event.which;  
                if (keyCode == 46 || (keyCode >= 48 && keyCode <=57))  
                    return true;  
                else  
                    return false;  
            }).focus(function() {  
                this.style.imeMode='disabled';  
            });  
imeMode有四種形式,分別是:
active 代表輸入法為中文
inactive 代表輸入法為英文
auto 代表打開輸入法 (默認)
disable 代表關閉輸入法

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved