3 Jquery cara untuk menghadkan kotak teks kepada nombor dan huruf

3 Jquery cara untuk menghadkan kotak teks kepada nombor dan huruf_jquery sahaja

WBOY

Lepaskan： 2016-05-16 16:29:07

asal

1798 orang telah melayarinya

onlyNum(), onlyAlpha() dan onlyNumAlpha() 3 kaedah sambungan Jquery

nombor.js

Salin kod Kod adalah seperti berikut:

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

// 

// Hadkan input kepada nombor sahaja 

// 

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

$.fn.onlyNum = fungsi () {

$(this).tekan kekunci(fungsi (acara) {

        var eventObj = acara || e;

          var keyCode = eventObj.keyCode ||
Jika ((Kod kunci >= 48 && Kod kunci <= 57))

             kembali benar;

        lain

              pulangan palsu;

}).fokus(fungsi () {

//Lumpuhkan kaedah input

This.style.imeMode = 'dilumpuhkan';

}).bind("tampal", fungsi () {

//Dapatkan kandungan papan keratan

      var clipboard = window.clipboardData.getData("Teks");

Jika (/^d $/.test(papan klip))

             kembali benar;

        lain

              pulangan palsu;

});

};

letter.js

Salin kod Kod adalah seperti berikut:

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

// 

//Hadkan input kepada huruf sahaja

// 

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

$.fn.onlyAlpha = fungsi () {

$(this).tekan kekunci(fungsi (acara) {

        var eventObj = acara || e;

          var keyCode = eventObj.keyCode ||
If ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))

             kembali benar;

        lain

              pulangan palsu;

}).fokus(fungsi () {

This.style.imeMode = 'dilumpuhkan';

}).bind("tampal", fungsi () {

      var clipboard = window.clipboardData.getData("Teks");

Jika (/^[a-zA-Z] $/.test(papan keratan))

             kembali benar;

        lain

              pulangan palsu;

});

};

huruf_nombor.js

Salin kod Kod adalah seperti berikut:

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

// 

// 限制只能输入数字和字母

// 

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

$.fn.onlyNumAlpha = fungsi () {

    $(this).tekan kekunci(fungsi (acara) {

        var eventObj = acara || e;

        var keyCode = eventObj.keyCode || eventObj.which;

        if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))

            kembali benar;

        lain

            pulangkan palsu;

    }).fokus(fungsi () {

        this.style.imeMode = 'dilumpuhkan';

    }).bind("tampal", fungsi () {

        var clipboard = window.clipboardData.getData("Teks");

        jika (/^(d|[a-zA-Z]) $/.test(clipboard))

            kembali benar;

        lain

            pulangkan palsu;

    });

};

use.js

复制代码代码如下:

$(fungsi () {

    // 限制使用了onlyNum类样式的控件只能输入数字

    $(".onlyNum").onlyNum();

    //限制使用了onlyAlpha类样式的控件只能输入字母

    $(".onlyAlpha").onlyAlpha();

    // 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母

    $(".onlyNumAlpha").onlyNumAlpha();

以上方法均可实现项目要求，大家根据自己的具体需求自由选择吧