Limit Eingabefeld nach 2 Dezimalzahlen in Winkel

Ich habe eine Reihe von Eingabefelder auf einer html-Seite. Ich möchte einschränken, die der Benutzer von der Eingabe der zahlen nach 2 Dezimalstellen.

Können Sie diskutieren, welche Lösungen Sie versucht haben, so weit, was Ressourcen, die Sie erforscht haben, um zu versuchen und lösen Ihr problem, oder kann man den aktuellen Stand des Codes für die weitere Analyse?
Ich habe versucht, anhand der folgenden Vorgehensweise,stackoverflow.com/questions/16134391/... und es hat funktioniert

InformationsquelleAutor OptimusPrime | 2016-01-31

  1. 4

    Guilherme Ferreira beschreibt es auf seinem blog:

    Angularjs Eingabe Zahl mit zwei Dezimalstellen

    Erstellen Sie die Zahleneingabe mit der number-Typ und Schritt inerval

    <input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal" *step="0.01" />

    Legen Sie den regulären Ausdruck validieren Sie die Eingabe mit ng-Muster. Hier möchte ich akzeptieren nur zahlen mit maximal 2 Nachkommastellen und mit einem Punkt separator

    <input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" step="0.01" />

    EDIT:

    Diese SO Ansätze zum problem using-Direktive:
    Beschränken Sie die Anzahl der Dezimalstellen in html5 type="Anzahl" - Eingabe-Feld (mit Angularjs-Modell)

    angular.directive('decimalPlaces',function(){
    return {
        link:function(scope,ele,attrs){
            ele.bind('keypress',function(e){
                var newVal=$(this).val()+(e.charCode!==0?String.fromCharCode(e.charCode):'');
                if($(this).val().search(/(.*)\.[0-9][0-9]/)===0 && newVal.length>$(this).val().length){
                    e.preventDefault();
                }
            });
        }
    };
});

    Dann verwenden Sie es in Ihrem HTML:

    <input  type="number" step="0.01" ng-model='somemodel' decimal-places>
    Danke für die Antwort.Aber das Eingabefeld noch erlaubt mir die Eingabe von zahlen nach dezimal.
    Werfen Sie einen Blick auf diese SO: stackoverflow.com/questions/16134391/...
    Vielen Dank Tomislav, es funktionierte.
    Sie sind herzlich willkommen.

    InformationsquelleAutor Tomislav

  2. -1

    Können Sie diese Direktive verwenden, um das gleiche zu erreichen.

        .directive('validNumber', function () {
    return {
        require: '?ngModel',
        link: function (scope, element, attrs, ngModelCtrl) {
            if (!ngModelCtrl) {
                return;
            }

            ngModelCtrl.$parsers.push(function (val) {
                var clean = val.replace(/[^0-9\.]+/g, '');
                if (val !== clean || val.indexOf('.') != val.lastIndexOf('.')) {
                    if (val.indexOf('.') != val.lastIndexOf('.')) {
                        clean = clean.substring(0, clean.length - 1)
                    }
                }

                if (clean.indexOf('.') != -1) {
                    if (clean.length > (clean.indexOf('.') + 3)) {
                        clean = clean.substring(0, clean.length - 1)
                    }
                }


                ngModelCtrl.$setViewValue(clean);
                ngModelCtrl.$render();
                return clean;


            });

            element.bind('keypress', function (event) {
                if (event.keyCode === 32) {
                    event.preventDefault();
                }
            });
        }
    };
})

    dieser Richtlinie überprüft die Anzahl Eingänge, und beschränkt sich auf zwei Nachkommastellen in das Eingabefeld ein.

    InformationsquelleAutor 404

Schreibe einen Kommentar