Heim > Web-Frontend > js-Tutorial > 3 Jquery-Möglichkeiten, das Textfeld nur auf Zahlen und Buchstaben zu beschränken_jquery

3 Jquery-Möglichkeiten, das Textfeld nur auf Zahlen und Buchstaben zu beschränken_jquery

WBOY
Freigeben: 2016-05-16 16:29:07
Original
1810 Leute haben es durchsucht

onlyNum(), onlyAlpha() und onlyNumAlpha() 3 JQuery-Erweiterungsmethoden

number.js

Code kopieren Der Code lautet wie folgt:

//------------------------------------------------ ---------
//
// Eingabe nur auf Zahlen beschränken
//
//------------------------------------------------ ---------
$.fn.onlyNum = function () {
$(this).keypress(function (event) {
        var eventObj = event || e;
          var keyCode = eventObj.keyCode || eventObj.which;
If ((keyCode >= 48 && keyCode <= 57))
             return true;
        sonst
              return false;
}).focus(function () {
//Eingabemethode deaktivieren
This.style.imeMode = 'disabled';
}).bind("paste", function () {
//Den Inhalt der Zwischenablage abrufen
      var clipboard = window.clipboardData.getData("Text");
If (/^d $/.test(clipboard))
             return true;
        sonst
              return false;
});
};

letter.js

Code kopieren Der Code lautet wie folgt:

//------------------------------------------------ ---------
//
//Eingabe nur auf Buchstaben beschränken
//
//------------------------------------------------ ---------
$.fn.onlyAlpha = function () {
$(this).keypress(function (event) {
        var eventObj = event || e;
          var keyCode = eventObj.keyCode || eventObj.which;
If ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
             return true;
        sonst
              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;
        sonst
              return false;
});
};

number_letter.js

Code kopieren Der Code lautet wie folgt:

// ------------------------------------------------ --------
//
// 限制只能输入数字和字母
//
// ------------------------------------------------ --------
$.fn.onlyNumAlpha = function () {
    $(this).keypress(function (event) {
        var eventObj = Ereignis || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
            return true;
        sonst
            return false;
    }).focus(function () {
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
        var clipboard = window.clipboardData.getData("Text");
        if (/^(d|[a-zA-Z]) $/.test(clipboard))
            return true;
        sonst
            return false;
    });
};

use.js

复制代码 代码如下:

$(function () {
    // 限制使用了onlyNum类样式的控件只能输入数字
    $(".onlyNum").onlyNum();
    //限制使用了onlyAlpha类样式的控件只能输入字母
    $(".onlyAlpha").onlyAlpha();
    // 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
    $(".onlyNumAlpha").onlyNumAlpha();

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage