Désactiver la Saisie de Texte dans des <input type=“number”>

Je fais une simple application web. Une partie d'elle, j'ai inclus une zone de saisie de type="number"

<input type="number" min="0">

De toute façon, lorsque j'exécute le code dans mon dernier Navigateur Google Chrome, je suis en mesure de saisir du texte:

Désactiver la Saisie de Texte dans des <input type=“number”>

Je ne veux pas que les utilisateurs soient en mesure de le faire. Comment dois-je y remédier?

ajouter du javascript à des captures d'entrée et de supprimer tout ce qui n'est pas un numéro.
Comment dois-je faire?
Essayez ceci, stackoverflow.com/questions/7295843/...
Remarque: Vous pouvez également utiliser la pattern attribut. html5pattern.com

OriginalL'auteur coder | 2014-01-19

  1. 16

    Vous pouvez utiliser JavaScript (ex: jQuery) pour autoriser uniquement les caractères spécifiques:

    //Catch all events related to changes
$('#textbox').on('change keyup', function() {
  //Remove invalid characters
  var sanitized = $(this).val().replace(/[^0-9]/g, '');
  //Update value
  $(this).val(sanitized);
});

    Ici est un violon.

    Même chose avec l'appui de chars:

    //Catch all events related to changes
$('#textbox').on('change keyup', function() {
  //Remove invalid characters
  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
  //Remove the first point if there is more than one
  sanitized = sanitized.replace(/\.(?=.*\.)/, '');
  //Update value
  $(this).val(sanitized);
});

    Et ici est un autre violon.

    Mise à jour: Bien que vous ne pourriez pas besoin de cela, voici une solution qui permet à un signe moins devant.

    //Catch all events related to changes
$('#textbox').on('change keyup', function() {
  //Remove invalid characters
  var sanitized = $(this).val().replace(/[^-0-9]/g, '');
  //Remove non-leading minus signs
  sanitized = sanitized.replace(/(.)-+/g, '$1');
  //Update value
  $(this).val(sanitized);
});

    3ème violon

    Et maintenant, une dernière solution qui permet uniquement valide décimales (y compris les chars et les nombres négatifs):

    //Catch all events related to changes
$('#textbox').on('change keyup', function() {
  //Remove invalid characters
  var sanitized = $(this).val().replace(/[^-.0-9]/g, '');
  //Remove non-leading minus signs
  sanitized = sanitized.replace(/(.)-+/g, '$1');
  //Remove the first point if there is more than one
  sanitized = sanitized.replace(/\.(?=.*\.)/g, '');
  //Update value
  $(this).val(sanitized);
});

    Finale de violon

    si le nombre a deciaml point . alors ..? cela ne va pas aider...
    De réponses mis à jour
    cela ne fonctionne pas pour moi parce que même là, est de type char, sur l'entrée, le $(this).val() est égal à "
    comment pourriez-vous vous déplacez le curseur de saisie à la même place qu'avant? vous pouvez écrire dans le milieu ainsi

    OriginalL'auteur still_learning

  2. 4

    Vous pouvez utiliser HTML5 input type nombre à restreindre le nombre des entrées:

    <input type="number" name="someid" />

    Cela fonctionnera uniquement en HTML5 plainte navigateur. Assurez-vous que votre document html est doctype est:

    <!DOCTYPE html>

    Pour usage général, vous pouvez avoir JS de validation ci-dessous:

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

<input type="someid" name="number" onkeypress="return isNumberKey(event)"/>

    Si vous souhaitez autoriser les décimales de remplacer la condition "if" avec ceci:

    if (charCode > 31 && (charCode != 46 &&(charCode < 48 || charCode > 57)))

    Source: HTML de Saisie de Texte permettent uniquement d'entrée Numérique

    J'aime bien ta solution, mais la virgule de validation est incorrect. 1.2.3.4 est évidemment pas un nombre décimal valide. BTW, votre extrait de code empêche également les raccourcis clavier comme CTRL+A et CTRL+C de travail.
    et CTRL+C fonctionne bien.. et 1.2.3.4 n'est pas un nombre décimal valide.. bon.. mais je crois que nous n'avons pas écrit ce code pour valider des nombres décimaux... l'exigence est différente....

    OriginalL'auteur Simpal Kumar