JavaScript - Test auf eine Ganzzahl

Ich habe ein Textfeld, in das ein Benutzer sein Alter eingeben kann. Ich versuche, mit JavaScript eine clientseitige Validierung für dieses Feld durchzuführen. Ich habe bereits eine serverseitige Validierung eingerichtet. Ich kann jedoch nicht überprüfen, ob der Benutzer eine tatsächliche Ganzzahl eingibt. Ich versuche derzeit den folgenden Code:

    function IsValidAge(value) {
        if (value.length == 0) {
            return false;
        }

        var intValue = parseInt(value);
        if (intValue == Number.NaN) {
            return false;
        }

        if (intValue <= 0)
        {
            return false;
        }
        return true;
    }

Das Seltsame ist, ich habe einzelne Zeichen wie "b" in das Textfeld eingegeben und diese Methode gibt true zurück. Wie stelle ich sicher, dass der Benutzer nur eine Ganzzahl eingibt?

Vielen Dank

AKTUALISIEREN

Ich habe den Code festgelegt , die einen Fehler hatte und fügte hinzu , ein var genannt Schlüssel den Schlüssel zu speichern gedrückt Code keyCode und welche , die des Browsers ab.

var key = e.which || e.keyCode;

Danke Donald.McLean :)

Wenn Sie überprüfen möchten, ob Sie während der Eingabe Zahlen schreiben (und vermeiden, andere Zeichen in Ihr Eingabefeld zu schreiben), können Sie diese einfache Funktion verwenden und die zulässigen Elemente definieren (dies schließt alles ein, was Sie filtern möchten). Auf diese Weise können Sie nicht nur Ganzzahlen, sondern beispielsweise eine bestimmte Gruppe von Zeichen auswählen. Das Beispiel basiert auf jQuery, um es an ein Eingabefeld anzuhängen.

$('#myInputField').keypress(function(e)
{
    var key = e.which || e.keyCode;

    if (!(key >= 48 && key <= 57) && // Interval of values (0-9)
         (key !== 8) &&              // Backspace
         (key !== 9) &&              // Horizontal tab
         (key !== 37) &&             // Percentage
         (key !== 39) &&             // Single quotes (')
         (key !== 46))               // Dot
    {
        e.preventDefault();
        return false;
    }
});

Wenn Sie einen anderen als den definierten Schlüssel verwenden, wird dieser nicht im Feld angezeigt. Und weil Angular.js heutzutage stark wird. Dies ist die Anweisung, die Sie erstellen können, um dies in einem beliebigen Bereich Ihrer Web-App zu tun:

myApp.directive('integer', function()
{
    return function (scope, element, attrs)
    {
        element.bind('keydown', function(e)
        {
            var key = e.which || e.keyCode;

            if (!(key >= 48 && key <= 57) && // Interval (0-9)
                 (key !== 8) &&              // Backspace
                 (key !== 9) &&              // Horizontal tab
                 (key !== 37) &&             // Percentage
                 (key !== 39) &&             // Single quotes (')
                 (key !== 46))               // Dot
            {
                e.preventDefault();
                return false;
            }
        });
    }
});

Aber was passiert, wenn Sie ng-repeatdiese Richtlinie verwenden möchten und sie nur in einer bestimmten Anzahl von Feldern anwenden müssen? Nun, Sie können die obere Direktive in eine Direktive umwandeln, die bereit ist, einen wahren oder falschen Wert zuzulassen , um entscheiden zu können, welches Feld davon betroffen sein wird.

myApp.directive('rsInteger', function() {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            if (attrs.rsInteger === 'true') {
                element.bind('keydown', function(e)
                {
                    var key = e.which || e.keyCode;

                    if (!(key >= 48 && key <= 57) && // Interval (0-9)
                         (key !== 8) &&              // Backspace
                         (key !== 9) &&              // Horizontal tab
                         (key !== 37) &&             // Percentage
                         (key !== 39) &&             // Single quotes (')
                         (key !== 46))               // Dot
                    {
                        e.preventDefault();
                        return false;
                    }
                });
            }
        }
    }
});

Um diese neue Direktive zu verwenden, müssen Sie sie nur in einem Text vom Typ Eingabe eingeben, zum Beispiel:

<input type="text" rs-integer="true">

Hoffe es hilft dir.

var intRegex = /^\d+$/;
if(intRegex.test(someNumber)) {
   alert('I am an int');
   ...
}

Das wird absolut positiv scheitern, wenn der Benutzer etwas anderes als eine nichtnegative Ganzzahl eingibt.

Verwenden Sie für eine echte Int-Überprüfung Folgendes:

function isInt(value) { 
    return !isNaN(parseInt(value,10)) && (parseFloat(value,10) == parseInt(value,10)); 
}

Das Problem bei vielen int-Prüfungen besteht darin, dass sie für 1.0 'false' zurückgeben, was eine gültige Ganzzahl ist. Diese Methode überprüft, ob der Wert von float und int parsing gleich ist. Für # .00 wird also true zurückgegeben.

AKTUALISIEREN:

In den Kommentaren, die ich der Antwort für zukünftige Leser hinzufügen werde, wurden zwei Themen erörtert:

• Erstens funktioniert diese Methode nicht, wenn Zeichenfolgenwerte analysiert werden, bei denen die Dezimalstelle durch ein Komma angegeben wird. (Kein Wunder, wie könnte es sein? Angesichts von "1.001" zum Beispiel in den USA ist es eine ganze Zahl, während dies in Deutschland nicht der Fall ist.)
• Zweitens hat sich das Verhalten von parseFloat und parseInt in bestimmten Browsern geändert, seit diese Antwort geschrieben wurde, und variiert je nach Browser. ParseInt ist aggressiver und verwirft Buchstaben, die in einer Zeichenfolge erscheinen. Dies ist großartig, um eine Nummer zu erhalten, aber nicht so gut für die Validierung.

Meine Empfehlung und Praxis, eine Bibliothek wie Globalize.js zu verwenden, um numerische Werte für / von der Benutzeroberfläche anstelle der Browser-Implementierung zu analysieren und die nativen Aufrufe nur für bekannte "programmgesteuert" bereitgestellte Werte zu verwenden, z. B. eine aus einem XML-Dokument analysierte Zeichenfolge .

benutze isNaN (n)

dh

if(isNaN(intValue))

anstelle von

if (intValue == Number.NaN)

Ich habe dies getan, um nach Zahl und ganzzahligem Wert zu suchen

if(isNaN(field_value * 1) || (field_value % 1) != 0 ) not integer;
else integer;

Modulare Abteilung

Beispiel
1. 25,5% 1! = 0 und
2. 25% 1 == 0

Und wenn (field_value * 1) NaN wenn Zeichenfolge zB: 25,34 oder abcd etc ... sonst Ganzzahl oder Zahl

Funktion isInt (x) {return Math.floor (x) === x;}

Wenn Ihre Nummer im 32-Bit-Ganzzahlbereich liegt, können Sie Folgendes wählen:

function isInt(x) { return ""+(x|0)==""+x; }

Der bitweise oder Operator erzwingt die Konvertierung in vorzeichenbehaftete 32-Bit-Int. Die Zeichenfolgenkonvertierung auf beiden Seiten stellt sicher, dass true / false übereinstimmen möchten.

Niemand hat diese einfache Sache versucht?

function isInt(value) {
    return value == parseInt(value, 10);
}

Was stimmt damit nicht?

Sie dürfen isInteger()Verfahren von NumberObjekt

if ( (new Number(x)).isInteger() ) {
  // handle integer
}

Diese Methode funktioniert einwandfrei, wenn xist undefinedoder null. Aber es hat Unterstützung schlechte Browser jetzt

Ich habe festgestellt, dass die NaN-Antworten fehlen, weil sie keine nachgestellten Zeichen erfassen (daher wird "123abc" als gültige Zahl angesehen). Daher habe ich versucht, die Zeichenfolge in eine Ganzzahl und zurück in eine Zeichenfolge zu konvertieren und sicherzustellen, dass sie nach der Konvertierung mit dem Original übereinstimmt ::

if ("" + parseInt(stringVal, 10) == stringVal) { alert("is valid number"); }

Dies funktionierte für mich, bis die Zahlen so groß waren, dass sie während der Konvertierung als wissenschaftliche Notation erschienen.

... das bedeutet natürlich, dass Sie eine Zahl in wissenschaftlicher Notation eingeben können, aber die Überprüfung von Minimal- und Maximalwerten würde dies verhindern, wenn Sie dies wünschen.

Es wird natürlich fehlschlagen, wenn Sie Trennzeichen verwenden (wie "1.000" oder "1.000", abhängig von Ihrem Gebietsschema) - Ziffern sind nur hier zulässig.

If (enteredAge < "1" || enteredAge > "130") ......

Einfach und es funktioniert ... bis sie Unsterblichkeit entwickeln