Ich habe das folgende HTML5-Eingabeelement:

<input type="number">

Warum ermöglicht diese Eingabe die Eingabe des Zeichens 'e' in das Eingabefeld? Es kann kein anderes Alphabetzeichen eingegeben werden (wie erwartet)

Verwenden von Chrome v. 44.0.2403.107

Um zu sehen, was ich meine: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

Denn genau so sagt die Spezifikation, dass es funktionieren sollte. Die Zahleneingabe kann Gleitkommazahlen akzeptieren , einschließlich negativer Symbole und des Zeichens eoder E(wobei der Exponent die Zahl nach dem eoder ist E):

Eine Gleitkommazahl besteht aus den folgenden Teilen in genau der folgenden Reihenfolge:

1. Optional kann das erste Zeichen ein " -" Zeichen sein.
2. Ein oder mehrere Zeichen im Bereich " 0—9".
3. Optional die folgenden Teile in genau der folgenden Reihenfolge:
   1. ein " ." Zeichen
   2. ein oder mehrere Zeichen im Bereich " 0—9"
4. Optional die folgenden Teile in genau der folgenden Reihenfolge:
   1. ein " e" Zeichen oder " E" Zeichen
   2. optional ein " -" Zeichen oder " +" Zeichen
   3. Ein oder mehrere Zeichen im Bereich " 0—9".

Wir können es so einfach machen wie unten

<input type="number"  onkeydown="javascript: return event.keyCode == 69 ? false : true" />

Aktualisierte Antwort

Wir können es noch einfacher machen, wie @ 88 MPG vorschlägt

<input type="number" onkeydown="return event.keyCode !== 69" />

Der Typ der HTML-Eingabenummer erlaubt "e / E", da "e" für Exponential steht, das ein numerisches Symbol ist.

Beispiel 200000 kann auch als 2e5 geschrieben werden. Ich hoffe, das hilft Ihnen, sich für die Frage zu bedanken.　　　　　　　　　　

Der beste Weg , um die Verwendung einer Zahl zu erzwingen, die nur aus Ziffern besteht:

<input type="number" onkeydown="javascript: return event.keyCode === 8 ||
event.keyCode === 46 ? true : !isNaN(Number(event.key))" />

Dies vermeidet 'e', ​​'-', '+', '.' ... alle Zeichen, die keine Zahlen sind!

So erlauben Sie nur Zifferntasten:

isNaN (Nummer (event.key))

aber akzeptiere "Backspace" (keyCode: 8) und "Delete" (keyCode: 46) ...

<input type="number" onkeydown="return FilterInput(event)" onpaste="handlePaste(event)"  >

function FilterInput(event) {
    var keyCode = ('which' in event) ? event.which : event.keyCode;

    isNotWanted = (keyCode == 69 || keyCode == 101);
    return !isNotWanted;
};
function handlePaste (e) {
    var clipboardData, pastedData;

    // Get pasted data via clipboard API
    clipboardData = e.clipboardData || window.clipboardData;
    pastedData = clipboardData.getData('Text').toUpperCase();

    if(pastedData.indexOf('E')>-1) {
        //alert('found an E');
        e.stopPropagation();
        e.preventDefault();
    }
};

Um sowohl Buchstaben eals auch Minuszeichen auszublenden, -gehen Sie einfach wie folgt vor:

onkeydown="return event.keyCode !== 69 && event.keyCode !== 189"

Mit Winkel können Sie dies einschränken, um die Eingabe von e, +, -, E einzuschränken

 <input type="number"  (keypress)="numericOnly($event)"/>


  numericOnly(event): boolean { // restrict e,+,-,E characters in  input type number
    debugger
    const charCode = (event.which) ? event.which : event.keyCode;
    if (charCode == 101 || charCode == 69 || charCode == 45 || charCode == 43) {
      return false;
    }
    return true;

  }

Winkelig; mit IDE keyCode veraltete Warnung

Funktionell identisch mit der Antwort von rinku, jedoch mit Verhinderung der IDE-Warnung

numericOnly(event): boolean {
    // noinspection JSDeprecatedSymbols
    const charCode = (event.which) ? event.which : event.key || event.keyCode;  // keyCode is deprecated but needed for some browsers
    return !(charCode === 101 || charCode === 69 || charCode === 45 || charCode === 43);
}