Restreindre input type = « numéro » à son minimum ou maximum si elle est hors de portée

Question

Je le code ci-dessous

<form:input type="number" min="1" max="4" size="5" value="1" path="n" name='n' placeholder="<5" style="height:25px;width:60px"></form:input> 

si un utilisateur entre une valeur dans la zone de texte hors de la plage, il devrait réinitialiser sa valeur minimale ou maximale la plus proche, par exemple si l'utilisateur entre dans la zone de texte inférieure à 1, alors il devrait être réinitialisé à 1, s'il entre plus de 4, alors il devrait être réinitialisé à 4.

Veuillez nous contacter si vous en avez autre tag au lieu d'utiliser l'étiquette d'entrée pour restreindre

Il existe déjà une solution qui ne fonctionne pas pour moi

Answer 1

Type En fait entrée = nombre seulement poignées et non permet à l'utilisateur de soumettre le formulaire si le nombre entré n'est pas dans la plage

Answer 2

Cette solution peut-être ce que vous êtes après: jquery: set min max input in option type number

$(function() { 
    $("input").change(function() { 
    var max = parseInt($(this).attr('max')); 
    var min = parseInt($(this).attr('min')); 
    if ($(this).val() > max) 
    { 
     $(this).val(max); 
    } 
    else if ($(this).val() < min) 
    { 
     $(this).val(min); 
    }  
}); 
}); 

@Caspian également fourni un violon de travail: http://jsfiddle.net/Ddk67/75/