J'ai l'élément d'entrée html5 suivant:

<input type="number">

Pourquoi cette entrée permet-elle de saisir le caractère «e» dans le champ de saisie? Aucun autre caractère alphabétique ne peut être saisi (comme prévu)

Utilisation de Chrome v. 44.0.2403.107

Pour voir ce que je veux dire: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

Parce que c'est exactement ainsi que la spécification indique que cela devrait fonctionner. L'entrée numérique peut accepter des nombres à virgule flottante , y compris des symboles négatifs et le caractère eou E(où l'exposant est le nombre après le eou E):

Un nombre à virgule flottante se compose des parties suivantes, exactement dans l'ordre suivant:

1. Facultativement, le premier caractère peut être un caractère " -".
2. Un ou plusieurs caractères de la plage " 0—9".
3. Facultativement, les pièces suivantes, dans exactement l'ordre suivant:
   1. un caractère " ."
   2. un ou plusieurs caractères de la plage " 0—9"
4. Facultativement, les pièces suivantes, dans exactement l'ordre suivant:
   1. un caractère " e" ou " E"
   2. éventuellement, un caractère " -" ou " +"
   3. Un ou plusieurs caractères de la plage " 0—9".

Nous pouvons le rendre si simple comme ci-dessous

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

Réponse mise à jour

nous pouvons le rendre encore plus simple comme le suggère @ 88 MPG

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

Le type de numéro d'entrée HTML autorise "e / E" car "e" signifie exponentiel qui est un symbole numérique.

L'exemple 200000 peut également être écrit comme 2e5. J'espère que cela aide à vous remercier pour la question.　　　　　　　　　　

La meilleure façon de forcer l'utilisation d'un nombre composé uniquement de chiffres:

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

cela évite 'e', ​​'-', '+', '.' ... tous les caractères qui ne sont pas des chiffres!

Pour autoriser uniquement les touches numériques:

isNaN (Number (event.key))

mais acceptez "Backspace" (keyCode: 8) et "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();
    }
};

Pour masquer la lettre eet le signe moins, optez -simplement pour:

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

En utilisant angulaire, vous pouvez le faire pour restreindre la saisie de e, +, -, E

 <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;

  }

Angulaire; avec avertissement obsolète IDC keyCode

Fonctionnellement identique à la réponse de Rinku mais avec prévention des alertes IDE

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);
}