3種Jquery限製文字方塊只能輸入數字字母的方法_jquery

onlyNum()，onlyAlpha()和onlyNumAlpha()3個Jquery擴展方法

number.js

複製程式碼 程式碼如下:

// ------------------------------------------------ ----------------------
//

// 限制只能輸入數字
//

// ------------------------------------------------ ----------------------
$.fn.onlyNum = function () {
    $(this).keypress(function (event) {
        var eventObj = event || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode             return true;
        else
            return false;
    }).focus(function () {
    //停用輸入法
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
    //取得剪切板的內容物
        var clipboard = window.clipboardData.getData("Text");
        if (/^d $/.test(clipboard))
            return true;
        else
            return false;
    });
};

letter.js

複製程式碼 程式碼如下:

// ------------------------------------------------ ----------------------
//

// 限制只能輸入字母
//

// ------------------------------------------------ ----------------------
$.fn.onlyAlpha = function () {
    $(this).keypress(function (event) {
        var eventObj = event || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 65 && keyCode = 97 && keyCode             return true;
        else
            return false;
    }).focus(function () {
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
        var clipboard = window.clipboardData.getData("Text");
        if (/^[a-zA-Z] $/.test(clipboard))
            return true;
        else
            return false;
    });
};

number_letter.js

複製程式碼 程式碼如下:

// ------------------------------------------------ ----------------------
//
// 限制只能輸入數字和字母
// 摘要>
// ------------------------------------------------ ----------------------
$.fn.onlyNumAlpha = function () {
    $(this).keypress(函數(事件){
        var eventObj = 事件 || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode = 65 && keyCode = 97 && keyCode             返回真實；
        其他
            回復錯誤；
    }).focus(函數 () {
        this.style.imeMode = '已停用';
    }).bind("貼上", function () {
        var Clipboard = window.clipboardData.getData("Text");
        if (/^(d|[a-zA-Z]) $/.test(剪貼簿))
            返回真實；
        其他
            回復錯誤；
    });
};

use.js

複製程式碼程式碼如下：

$(函數 () {
    // 限制使用了onlyNum類別樣式的控制項只能輸入數字
    $(".onlyNum").onlyNum();
    //限制使用了onlyAlpha類別樣式的控制項只能輸入字母
    $(".onlyAlpha").onlyAlpha();
    // 限制使用了onlyNumAlpha類別樣式的控制項只能輸入數字和字母
    $(".onlyNumAlpha").onlyNumAlpha();

以上方法渴望實現專案要求，大家依照自己的具體需求自由選擇吧