web-dev-qa-db-fra.com

comment définir la valeur maximale et la valeur minimale de <entrée> en html5 par javascript ou jquery

J'essaie de savoir comment définir la valeur maximale et la valeur minimale de l'entrée de type html5 par javascript ou jquery.

<input type="number" max="???" min="???" step="0.5"/>

Quelqu'un voudrait-il guider

javascriptjqueryhtml5
34
user2625363

jQuery facilite la définition des attributs pour un élément - utilisez simplement la méthode .attr()) :

$(document).ready(function() {
    $("input").attr({
       "max" : 10,        // substitute your own
       "min" : 2          // values (or variables) here
    });
});

Le gestionnaire de document prêt n'est pas requis si votre bloc de script apparaît après le ou les éléments à manipuler.

Utiliser un sélecteur de "input" définira les attributs pour toutes les entrées , donc vous devriez vraiment avoir un moyen d’identifier l’entrée en question. Si vous lui avez donné un identifiant, vous pouvez dire:

$("#idHere").attr(...

... ou avec un cours:

$(".classHere").attr(...
37
nnnnnn

Essaye ça:

<input type="number" max="???" min="???" step="0.5" id="myInput"/>

$("#myInput").attr({
   "max" : 10,
   "min" : 2
});

Remarque: Ceci définira la valeur maximale et minimale uniquement pour une entrée unique.

15
Dhaval Bharadva

Essaye ça

 $(function(){
   $("input[type='number']").prop('min',1);
   $("input[type='number']").prop('max',10);
});

démo

9
Amit