Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Maxlength при динамическом дублировании Input (https://javascript.ru/forum/misc/48126-maxlength-pri-dinamicheskom-dublirovanii-input.html)

IG-M 20.06.2014 17:17

Maxlength при динамическом дублировании Input
 
Добрый день!

У меня вопрос возможно ли организовать ограничение символов в поле INPUT, при динамическом дублировании?

Имеется:
<input name="input" value="" onKeyUp="javascript:document.getElementById('input_2').value = this.value;">
<input id="input_2" name="input_2" value="">


Если добавить maxlength="5" к input_2, при вводе текста в input_1 оно не срабатывает. Возможно, найдется у кого решение данной проблемы?)

depp 20.06.2014 18:53

а если добавить maxlength к первому инпуту, куда вводят?

IG-M 20.06.2014 19:51

Цитата:

Сообщение от depp (Сообщение 317433)
а если добавить maxlength к первому инпуту, куда вводят?

В том и дело, что в первом input'е, должно быть без ограничений. А уже текст во втором должно обрезать.

depp 20.06.2014 20:01

если второй инпут будет задисаблен и в него нельзя будет вводить данные, то вы тут же в onKeyUp можете сделать проверку на длину.

IG-M 20.06.2014 20:03

Цитата:

Сообщение от depp (Сообщение 317442)
если второй инпут будет задисаблен и в него нельзя будет вводить данные, то вы тут же в onKeyUp можете сделать проверку на длину.

Буду признателен, если изобразите примерное решение. Т.к. в JS не силен. :)

depp 20.06.2014 20:04

<input name="input" value="" onKeyUp="if (this.value.length <= 5) {document.getElementById('input_2').value = this.value;}">
<input id="input_2" name="input_2" value="">

IG-M 20.06.2014 20:06

Цитата:

Сообщение от depp (Сообщение 317444)
<input name="input" value="" onKeyUp="if (this.value.length <= 5) {document.getElementById('input_2').value = this.value;}">
<input id="input_2" name="input_2" value="">

Спасибо огромное! Очень выручили :thanks:

IG-M 24.06.2014 14:54

depp,
Возникла новая проблема, возможно Вы также подскажите в чем может быть дело. Буду очень признателен.

Суть проблемы: При вставке текста более 5 символов в input_1, поле input_2 остается пустым. Возможно как то решить эту проблему? :help:

рони 24.06.2014 15:49

IG-M,
<input name="input" value="" oninput="document.getElementById('input_2').value = this.value.slice(0,5)">
<input id="input_2" name="input_2" value="">

IG-M 24.06.2014 16:09

рони,
Спасибо, очень помогли! :)


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