封裝方法:只能輸入 數字

前些日子,在看是用JavaScript片段 時,有寫到 限制輸入(只能輸入數字),今天要用,就做了簡單的封裝,方便調用。

<input type="text"  id="certno" name="certno">
var onlyNumber = {
    onm : function(param) {
        if (!param)
            return;

        var defaultVal = {
            el: param.el || "input[type='number']"
        };
        function clearNoNumber(_this){
            var result = $(_this).val().replace(/\D/g,'');
            $(_this).val(result);
        }
        $(defaultVal.el).on('focus',function () {
            clearNoNumber(this);
        });
        $(defaultVal.el).on('keyup',function () {
            clearNoNumber(this);
        });
        $(defaultVal.el).on('blur',function () {
            clearNoNumber(this);
        });
    }
}

給特定元素使用方法:

onlyNumber.onm({el: '#certno'});
發佈了58 篇原創文章 · 獲贊 30 · 訪問量 20萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章