jquery如何檢查輸入表單為整數或數字

一個表單: <input type="text" class="num" maxNum="100" />

1、如何設定只能輸入整數？

2、如何設定只能輸入數字(整數或小數)？

一開始，用正則表達式來把1命題搞定了，但是第2個卻有點費力！后來百度了一下，終於找到辦法，這里都貼出來讓大家看看，不知道還有沒有BUG，歡迎指正~

 

一、如何設定只能輸入整數

示例表單: <input type="text" class="num" maxNum="100" />

(function ($) {
    $("input.num").live("keyup",function () {　　//鍵盤輸入事件
        CheckNum($(this));
    }).bind("paste", function () {　　//粘貼事件
            CheckNum($(this));
    }).css("ime-mode", "disabled");
})(jQuery);

function CheckNum(obj) { //驗證整數
    obj = jQuery(obj);
    var tmptxt = obj.val().replace(/\D|^/g, '');  //利用正則表達式
    var maxNum = jQuery.trim(obj.attr("maxNum")); //最大值
    if (maxNum) {
        if (parseInt(maxNum) >= parseInt(tmptxt)) {
            obj.val(tmptxt);
        }
        else {
            obj.val("");
        }
        return;
    }
    obj.val(tmptxt);
}

 

二、如何設定只能輸入數字(整數或小數)？

示例表單: <input type="text" class="float" maxNum="100" />

(function ($) {
     $("input.float").live("keyup", function () { //鍵盤輸入事件
        CheckFloat($(this));
    }).bind("paste", function () { //粘貼事件
        CheckFloat($(this));
    }).css("ime-mode", "disabled");
})(jQuery);


function CheckFloat(obj) { //驗證小數
    obj = jQuery(obj);
    var tmptxt = obj.val();
    if (isNaN(tmptxt) != true) { //利用isNaN()方法
        var maxNum = jQuery.trim(obj.attr("maxNum")); //最大值
        if (maxNum) {
            if (parseFloat(maxNum) >= parseFloat(tmptxt)) {
                obj.val(tmptxt);
            }
            else {
                obj.val("");
            }
            return;
        }
    }
    else {
        tmptxt = "";
    }
    obj.val(tmptxt);
}

 

至此，終於搞定了~

PS: 上面的方法是基於jquery的，自己上網淘一個