textbox number

Большой · №1

Добрый день!

Есть textbox

Код:

<textbox type="number" min="3" max="50" align="center" width="40"/>

Можно ли запретить пользователю вводить текст непосредственно в само поле. т.е стрелками можно вручную в пол нет.
Или как запретить пользователю вводить значения не входящие в рамки (min, max)

hydrolizer · №2

Большой
Навесить на текстбокс вот такой вот листенер:

Выделить код

Код:

document.getElementById("my-text-number-box").addEventListener("keypress",function(event)
{
  var key=event.keyCode || event.which;
  if (key<48 || key>57) return; 
  event.stopPropagation();
  event.preventDefault();
},false);

P.S. Не забудьте про буфер обмена (в т.ч. через контекстное меню).
P.P.S. И проверьте, что происходит со значением, если ввести что-то, выходящее за заданные рамки, и перевести фокус.

Большой · №3

Спасибо.
я немного сделал по другому.

Выделить код

Код:

<textbox type="number" min="1" max="240" align="center" width="60" preference="pref_news_time_update" height="20" onchange="checkNumberTextBox(this,1,240);"/>

   function  checkNumberTextBox(box, min, max) {
        if(!box || !min || !max) return;
        var value = box.value;
        if(value > max)  value = max;
        else if(value < min)  value = min;
    }

Отредактировано Большой (11-10-2011 18:32:47)

Полезная информация

№111-10-2011 14:37:13

textbox number

Код:

№211-10-2011 16:14:34

Re: textbox number

Код:

№311-10-2011 18:32:23

Re: textbox number

Код:

Board footer