ホームページ > ウェブフロントエンド > jsチュートリアル > テキストボックスを数字と文字のみに制限する3つのJquery方法_jquery

テキストボックスを数字と文字のみに制限する3つのJquery方法_jquery

WBOY
リリース: 2016-05-16 16:29:07
オリジナル
1794 人が閲覧しました

onlyNum()、onlyAlpha()、onlyNumAlpha() 3 つの Jquery 拡張メソッド

number.js

コードをコピーします コードは次のとおりです:

//------------------------------------------------ ------------------------
//
// 入力を数字のみに制限します
//
//------------------------------------------------ ------------------------
$.fn.onlyNum = function () {
$(this).keypress(関数 (イベント) {
vareventObj = イベント ||
var keyCode =eventObj.keyCode ||eventObj.that;
If ((keyCode >= 48 && keyCode true を返します;
その他
return false;
}).focus(function () {
//入力メソッドを無効にする
This.style.imeMode = '無効';
}).bind("貼り付け", function () {
//クリップボードの内容を取得します
var Clipboard = window.clipboardData.getData("Text");
If (/^d $/.test(clipboard))
true を返します;
その他
return false;
});
};

letter.js

コードをコピーします コードは次のとおりです:

//------------------------------------------------ ------------------------
//
//入力を文字のみに制限します
//
//------------------------------------------------ ------------------------
$.fn.onlyAlpha = function () {
$(this).keypress(関数 (イベント) {
vareventObj = イベント ||
var keyCode =eventObj.keyCode ||eventObj.that;
If ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
true を返します;
その他
return false;
}).focus(function () {
This.style.imeMode = '無効';
}).bind("貼り付け", function () {
var Clipboard = window.clipboardData.getData("Text");
If (/^[a-zA-Z] $/.test(clipboard))
true を返します;
その他
return false;
});
};

number_letter.js

コードをコピー コードは次のとおりです:

// ------------------------------------------------ ------------------------
//
// 制限のみ可能输入力数字和文字母
//
// ------------------------------------------------ ------------------------
$.fn.onlyNumAlpha = function () {
    $(this).keypress(関数 (イベント) {
        var イベントオブジェクト = イベント || e;
        var keyCode =eventObj.keyCode ||イベントオブジェクト.that;
        if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
            true を返します;
        それ以外
            false を返します;
    }).focus(function () {
        this.style.imeMode = '無効';
    }).bind("貼り付け", function () {
        var Clipboard = window.clipboardData.getData("Text");
        if (/^(d|[a-zA-Z]) $/.test(clipboard))
            true を返します;
        それ以外
            false を返します;
    });
};

use.js

复制代 代码如下:

$(関数() {
    // 制限使用了onlyNum类样式の制御モジュールのみ入力可能
    $(".onlyNum").onlyNum();
    // 制限使用了onlyAlpha类样式の制御モジュールのみ能输入力文字母
    $(".onlyAlpha").onlyAlpha();
    // 制限使用のみを使用する NumAlpha 型のコントロールモジュールのみを入力できます 数字と文字
    $(".onlyNumAlpha").onlyNumAlpha();

上記の方法はいずれも目的の要求を実現でき、大家は自分の具体的な要求に応じて自由に選択できます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート