Hoe de maximale en minimale waarde van <input> in te stellen in html5 door javascript of jQuery?

Ik probeer erachter te komen hoe ik de maximale waarde en de minimale waarde van html5-type invoer kan instellen met javascript of jQuery.

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

Kan iemand me helpen

Antwoord 1, autoriteit 100%

jQuery maakt het gemakkelijk om attributen voor een element in te stellen – gebruik gewoon de .attr()methode:

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

De document-ready handler is niet vereist als uw scriptblok verschijnt na de elementen die u wilt manipuleren.

Het gebruik van een selector van "input"zal echter de attributen voor alleinputs instellen, dus u zou eigenlijk een manier moeten hebben om de betreffende input te identificeren. Als je het een id gaf, zou je kunnen zeggen:

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

…of met een klas:

$(".classHere").attr(...

Antwoord 2, autoriteit 34%

Probeer dit:

<input type="number" max="???" min="???" step="0.5" id="myInput"/>
$("#myInput").attr({
   "max" : 10,
   "min" : 2
});

Opmerking: hiermee worden de maximale en minimale waarde alleen ingesteld op enkele invoer

Antwoord 3, autoriteit 17%

Probeer dit

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

Demo