Erlauben nur zahlen und Strg+a , Strg+v , Strg+c, um ein Textfeld

Ich bin versucht, um zuzulassen, dass Benutzer nur zahlen eingeben und kopieren-und einfügen-Steuerelement die textbox. Ich bin in der Lage zu beschränken Benutzer nur zahlen eingeben, sondern kopieren,einfügen ist nicht für mich arbeiten, mir helfen, dieses Problem zu beheben.

Hier ist mein Skript:

$(".allow_only_numbers").keydown(function (e) {
    var ctrlDown = false;
    var ctrlKey = 17, vKey = 86, cKey = 67;
    if (e.keyCode === ctrlKey){
        ctrlDown = true;
    }
    //Allow: backspace, delete, tab, escape, enter and .
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 ||
            //Allow: Ctrl
        (e.keyCode === ctrlKey) ||
            //Allow: Ctrl+A
        (e.keyCode === 65 && e.ctrlKey === true) ||
            //Allow: Ctrl+v
        (e.keyCode === vKey && ctrlDown) ||
            //Allow: Ctrl+c
        (e.keyCode === cKey && ctrlDown) ||
            //Allow: home, end, left, right, down, up
        (e.keyCode >= 35 && e.keyCode <= 40)) {
        //let it happen, don't do anything
        return;
    }
    //Ensure that it is a number and stop the keypress
    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
        e.preventDefault();
    }
});

Hier ist das jsfiddle-link:

https://jsfiddle.net/sureshpattu/stwzhceL/1/

können Sie nicht einfach den Typ zu zahlen? <input type="number" name="quantity" min="1" max="5">?
Ich bin in der Lage zu beschränken Benutzer nur zahlen eingeben, sondern kopieren,einfügen ist nicht für mich arbeiten.
für moderne Browser verwenden können input Ereignis für das einfügen und wichtige Veranstaltung. IE9 hat teilweise unterstützt, IE8 hat keine
Haben Sie versucht, meine Antwort?
Ja Mann ich habe versucht, funktioniert gut, vielen Dank 🙂

InformationsquelleAutor Suresh Pattu | 2015-10-21

  1. 1
    $(".allow_only_numbers").keydown(function (e) {
        var isModifierkeyPressed = (e.metaKey || e.ctrlKey || e.shiftKey);
        var isCursorMoveOrDeleteAction = ([46,8,37,38,39,40].indexOf(e.keyCode) != -1);
        var isNumKeyPressed = (e.keyCode >= 48 && e.keyCode <= 58) || (e.keyCode >=96 && e.keyCode <= 105);
        var vKey = 86, cKey = 67,aKey = 65;
        switch(true){
            case isCursorMoveOrDeleteAction:
            case isModifierkeyPressed == false && isNumKeyPressed:
            case (e.metaKey || e.ctrlKey) && ([vKey,cKey,aKey].indexOf(e.keyCode) != -1):
                break;
            default:
                e.preventDefault();
        }
});

    hier ist Beispiel arbeiten

    https://jsfiddle.net/stwzhceL/8/

    dieser können Sie ctrl+a,ctrl+c und ctrl+v sowie Pfeiltasten,entf-Taste und backspace-Taste.

    plus dieser code bezieht sich auf mac-als auch.(das ist cmd+a/cmd+c/cmd+v)

    Gut lösen, sauberer zu Lesen, als John R. Antwort, obwohl es ist im wesentlichen die gleiche Sache

    InformationsquelleAutor suish

  2. 0

    Wenn Sie Ihren keydown Veranstaltung zu einem keyup Veranstaltung, die Sie verwenden können e.ctrlKey, die true wenn ctrl - Taste gedrückt wird.

    InformationsquelleAutor Moishe Lipsker

  3. 0
    function numbersonly(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

    InformationsquelleAutor kfreeman04208

  4. 0

    Vom @Shanimal Antwort.
    dies ist mein angular js-Richtlinie. verwenden nur die Nummer auf Ihren input.

    .directive('onlyNumber', function() {
        return  {
            restrict: 'A',
            link: function (scope, elm, attrs, ctrl) {
                elm.on("propertychange input",function (event) {
                    event.target.value = event.target.value.replace(/[^0-9]/g,'');
                });
            }
        };
    })

    einfach 'nur-Anzahl', um Ihrem element.
    Beispiel :

    <input type="text" data-ng-model="number" placeholder="number"id="cifNumber" only-number/>

    InformationsquelleAutor johan indra Permana

Schreibe einen Kommentar