Форум

wipos · #1 (**permalink**) 02.02.2011, 00:03

Здравствуйте! Я начинающий верстальщик я только учусь!
Мне очень нужна ваша помощь... сижу уже часа 2 над Dreamweaver.
И не могу никак сообразить как тут надо сделать...
Задача такова нужно сделать 5 (<input type="Password" size="5" maxlength="5"/>) и сделать так что бы при вводе последнего 5-го символа автоматически переключалось на другой type='Password'.

Очень вас прошу. Помогите!

Slawaq · #2 (**permalink**) 02.02.2011, 01:05

от, только не будет работать если пользователь вставит пароль, ну ты там я думаю уже под-шаманишь с разными событиями))

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<body>

<input type="password" id="f1" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f2').focus()}"/>
<input type="password" id="f2" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f3').focus()}" />
<input type="password" id="f3" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f4').focus()}" />
<input type="password" id="f4" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f5').focus()}" />
<input type="password" id="f5" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f5').blur()}"/>
</body>
</html>

KOLANICH · #3 (**permalink**) 02.02.2011, 16:56

1 onkeydown
2 через функцию-обработчик и addEventListener лучше

monolithed · #4 (**permalink**) 02.02.2011, 18:13

Сообщение от wipos

сижу уже часа 2 над Dreamweaver.

так вы никогда не станете даже верстальщиком

<script type="text/javascript">
window.onload = function(){
    var input = document.getElementsByName('input'), i = input.length;
    while(i--){
        input[i].onkeyup = (function(i){
            return function(){
                if(this.size == this.value.length && input[i+1]) input[i+1].focus();
            };
        })(i);
    }
};
</script>

<input type="password" size="5" maxlength="5" name="input" />
<input type="password" size="5" maxlength="5" name="input" />
<input type="password" size="5" maxlength="5" name="input" />

Форум

Справочник

Discord чат

Курсы javascript