Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.06.2014, 17:17
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

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 оно не срабатывает. Возможно, найдется у кого решение данной проблемы?)
Ответить с цитированием
  #2 (permalink)  
Старый 20.06.2014, 18:53
Профессор
Отправить личное сообщение для depp Посмотреть профиль Найти все сообщения от depp
 
Регистрация: 22.04.2014
Сообщений: 151

а если добавить maxlength к первому инпуту, куда вводят?
Ответить с цитированием
  #3 (permalink)  
Старый 20.06.2014, 19:51
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

Сообщение от depp Посмотреть сообщение
а если добавить maxlength к первому инпуту, куда вводят?
В том и дело, что в первом input'е, должно быть без ограничений. А уже текст во втором должно обрезать.
Ответить с цитированием
  #4 (permalink)  
Старый 20.06.2014, 20:01
Профессор
Отправить личное сообщение для depp Посмотреть профиль Найти все сообщения от depp
 
Регистрация: 22.04.2014
Сообщений: 151

если второй инпут будет задисаблен и в него нельзя будет вводить данные, то вы тут же в onKeyUp можете сделать проверку на длину.
Ответить с цитированием
  #5 (permalink)  
Старый 20.06.2014, 20:03
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

Сообщение от depp Посмотреть сообщение
если второй инпут будет задисаблен и в него нельзя будет вводить данные, то вы тут же в onKeyUp можете сделать проверку на длину.
Буду признателен, если изобразите примерное решение. Т.к. в JS не силен.
Ответить с цитированием
  #6 (permalink)  
Старый 20.06.2014, 20:04
Профессор
Отправить личное сообщение для depp Посмотреть профиль Найти все сообщения от depp
 
Регистрация: 22.04.2014
Сообщений: 151

<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="">
Ответить с цитированием
  #7 (permalink)  
Старый 20.06.2014, 20:06
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

Сообщение от depp Посмотреть сообщение
<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="">
Спасибо огромное! Очень выручили
Ответить с цитированием
  #8 (permalink)  
Старый 24.06.2014, 14:54
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

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

Суть проблемы: При вставке текста более 5 символов в input_1, поле input_2 остается пустым. Возможно как то решить эту проблему?
Ответить с цитированием
  #9 (permalink)  
Старый 24.06.2014, 15:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

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="">
Ответить с цитированием
  #10 (permalink)  
Старый 24.06.2014, 16:09
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

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

Последний раз редактировалось IG-M, 24.06.2014 в 22:43.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Баг Firefox: по F5 перескакивает radio при динамическом добавлении в DOM input Atoll Events/DOM/Window 6 22.06.2010 18:25
Передать текст в input при клике на него rolph Общие вопросы Javascript 2 13.04.2010 18:02
Добавление класса на елемент по id при фокусе на input Andrew_tl Events/DOM/Window 1 18.02.2010 19:09
Подвисание IE при динамическом изменении контента Taddy_Bear Общие вопросы Javascript 4 11.12.2008 21:12
Копирование из одного input в другой input bar-boss Общие вопросы Javascript 7 08.04.2008 19:10