Подтвердить что ты не робот

Как установить максимальное значение и минимальное значение <input> в html5 с помощью javascript или jquery

Я пытаюсь выяснить, как установить максимальное значение и минимальное значение ввода типа html5 с помощью javascript или jquery.

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

Кто-нибудь, пожалуйста, направляйте

4b9b3361

Ответ 1

jQuery упрощает установку любых атрибутов для элемента - просто используйте метод .attr():

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

Обработчик документа не требуется, если после элемента (ов), который вы хотите манипулировать, появляется ваш блок script.

Использование селектора "input" будет устанавливать атрибуты для всех входов, хотя, действительно, у вас должен быть какой-то способ идентифицировать введенный вход. Если вы дали ему идентификатор, вы могли бы сказать:

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

... или с классом:

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

Ответ 2

Попробуйте следующее:

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

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

Примечание. Это задает максимальное и минимальное значение только для одного входа

Ответ 3

Попробуйте это

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

Демо