Rumah > hujung hadapan web > tutorial js > 3 Jquery cara untuk menghadkan kotak teks kepada nombor dan huruf_jquery sahaja

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

WBOY
Lepaskan: 2016-05-16 16:29:07
asal
1811 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();

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan