Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Ввод номера сотового телефона (https://javascript.ru/forum/dom-window/13569-vvod-nomera-sotovogo-telefona.html)

Gozar 04.12.2010 22:52

удалено.

Vulkan 05.12.2010 08:00

рони, точно, я про это думал, но забыл, сейчас исправил

рони 05.12.2010 19:21

Вариант готового решения не нашёл, буду признателен если кто подскажет ссылку, пока собрал трёхколёсный велосипед без maxlength и рабочим backspace )))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
<script type="text/javascript">
window.onload = function () {
    for (var b = document.getElementsByName("input"), e = b.length; e--;) {
        b[e].onkeypress = function (d) {
            return function (c) {
                c = c || window.event;
                a = c.which || c.keyCode;
                if (this.size == this.value.length && a != 8) if (b[d + 1]) b[d + 1].focus();
                else return false
            }
        }(e);
        b[e].onkeydown = function (d) {
               return function (c) {
                c = c || window.event;
                a = c.which || c.keyCode;
                if (this.size == this.value.length && a != 8) if (b[d + 1]) b[d + 1].focus();
                else return false;
                if (this.value.length == 0 && b[d - 1] && a == 8) {
                    if (b[d - 1].createTextRange) {
                        a = b[d - 1].createTextRange();
                        a.collapse(false);
                        a.select()
                    } else if (b[d - 1].selectionStart) {
                        a = b[d - 1].value.length;
                        b[d - 1].setSelectionRange(a, a);
                        b[d - 1].focus()
                    }
                    return false
                }
            }
        }(e)
    }
};
</script>
</head>
<body>
8-
<input type="text" size="3"  name="input" />
<input type="text" size="3"  name="input" />
<input type="text" size="2"  name="input" />
<input type="text" size="2"  name="input" />
</body>
</html>

Kolyaj 05.12.2010 19:25

В чём проблема вводить все цифры в одно поле?

x-yuri 06.12.2010 06:58

странно, что ты тот доклад не упомянул. Хотя в общем-то вряд ли ТС (и не только) его посмотрит, несмотря на то, что как раз тот случай (где-то с 18:45 :))

p.s. тема для оффтопа: "Что значит 'от добра добра не ищут'?"

monolithed 06.12.2010 10:23

Цитата:

Сообщение от рони
трёхколёсный велосипед без maxlength

а почему бы не установить его в самом элементе, а то при удержании клавиши 3-е поле может принимать больше 2-х символов

ksa 06.12.2010 10:26

Цитата:

Сообщение от Kolyaj
В чём проблема вводить все цифры в одно поле?

А это для того, чтобы потом преодалевать трудности при записи в БД... :D

рони 06.12.2010 10:34

Цитата:

Сообщение от monolithed
а то при удержании клавиши 3-е поле может принимать больше 2-х символов

Можно узнать в каком это браузере? или это не про мой вариант?

monolithed 06.12.2010 11:12

Цитата:

Сообщение от рони
Можно узнать в каком это браузере? или это не про мой вариант?

Про ваш
Когда удерживаешь клавишу до полного заполнения всех полей, потом если вернуться ко второму полю и ввести в него сиволы то он перебросит на третье и начнет добавлять в него символы в Firefox 3.6, в Opera 10.5 еще и последнее поле начинает принимать символы.


Часовой пояс GMT +3, время: 07:33.