Maison > interface Web > js tutoriel > 3 façons Jquery de limiter la zone de texte aux seuls chiffres et lettres_jquery

3 façons Jquery de limiter la zone de texte aux seuls chiffres et lettres_jquery

WBOY
Libérer: 2016-05-16 16:29:07
original
1798 Les gens l'ont consulté

onlyNum(), onlyAlpha() et onlyNumAlpha() 3 méthodes d'extension Jquery

numéro.js

Copier le code Le code est le suivant :

//------------------------------------------------ -----------------------
//
// Limiter la saisie aux nombres uniquement
//

//------------------------------------------------ -----------------------
$.fn.onlyNum = fonction () {
$(this).keypress(function (événement) {
        var eventObj = événement || e;
          var keyCode = eventObj.keyCode || eventObj.which;
Si ((keyCode >= 48 && keyCode <= 57))
             return true ;
        autre
              return false ;
}).focus(function () {
//Désactiver la méthode de saisie
This.style.imeMode = 'désactivé';
}).bind("coller", function() {
//Récupère le contenu du presse-papier
        var clipboard = window.clipboardData.getData("Text");
Si (/^d $/.test(clipboard))
             return true ;
        autre
              return false ;
});
};

lettre.js

Copier le code Le code est le suivant :

//------------------------------------------------ -----------------------
//
//Limiter la saisie aux seules lettres
//

//------------------------------------------------ -----------------------
$.fn.onlyAlpha = fonction () {
$(this).keypress(function (événement) {
        var eventObj = événement || e;
          var keyCode = eventObj.keyCode || eventObj.which;
Si ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
             return true ;
        autre
              return false ;
}).focus(function () {
This.style.imeMode = 'désactivé';
}).bind("coller", function() {
      var clipboard = window.clipboardData.getData("Text");
Si (/^[a-zA-Z] $/.test(clipboard))
             return true ;
        autre
              return false ;
});
};

number_letter.js

Copier le code Le code est le suivant :

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

// ------------------------------------------------ ----------------------
$.fn.onlyNumAlpha = fonction () {
    $(this).keypress(function (événement) {
        var eventObj = événement || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        si ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
            renvoie vrai ;
        d'autre
            retourner faux ;
    }).focus(function () {
        this.style.imeMode = 'désactivé';
    }).bind("coller", function() {
        var clipboard = window.clipboardData.getData("Texte");
        if (/^(d|[a-zA-Z]) $/.test(clipboard))
            renvoie vrai ;
        d'autre
            retourner faux ;
    });
};

use.js

复制代码 代码如下 :

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal