首頁 > web前端 > js教程 > 3種Jquery限製文字方塊只能輸入數字字母的方法_jquery

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

WBOY
發布: 2016-05-16 16:29:07
原創
1795 人瀏覽過

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();

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板