Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2012, 21:04
Новичок на форуме
Отправить личное сообщение для skvsk Посмотреть профиль Найти все сообщения от skvsk
 
Регистрация: 08.12.2010
Сообщений: 4

Undisable кнопки, если все поля заполнены
Привет. Вот мучаюсь со скриптиком, все ок, но понадобилось проверять еще поставлена ли галочка на чекбоксе:
<form action="#" id="buy">
		<input type="text" name="email" placeholder="@" class="email-input"  id="tx_1"  onkeyup="check();" onkeypress="check();" onchange="check();"/>
		<input type="checkbox" name="agree" id="tx_2" /> я согласен с <a href="#" rel="popuprel" class="popup">условиями сервиса</a>
		<button type="submit" form="buy" id="btn" class="button-siabled" disabled="disabled">Купить</button>
								<script type="text/javascript"> 
								<!-- 
								function check() 
								{ 
									var tx_1 = document.getElementById('tx_1'); 
									var tx_2 = document.getElementById('tx_2'); 
									var btn = document.getElementById('btn'); 
									tx_1.value != '' && tx_2.checked = true ? btn.disabled = false : btn.disabled = true;  
								  } 
								//--> 
								</script>				
		</form>


Если убрать
&& tx_2.checked = true
, кнопка становится активной, но как мне сделать, чтобы и поле емейл было заполнено и чекбокс поставлен обязатольно. При выполнении этих двух условий, чтобы кнопка становилось активной?

Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 30.08.2012, 21:20
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,589

Не =, а ==.
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 30.08.2012, 21:27
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

и ещё один обработчик добавить
<form action="#" id="buy">
		<input type="text" name="email" placeholder="@" class="email-input"  id="tx_1"  onkeyup="check();"/>
		<input type="checkbox" name="agree" id="tx_2" onclick="check()"/> я согласен с <a href="#" rel="popuprel" class="popup">условиями сервиса</a>
		<button type="submit" form="buy" id="btn" class="button-siabled" disabled="disabled">Купить</button>
								<script type="text/javascript"> 
								<!-- 
								function check() 
								{ 
									var tx_1 = document.getElementById('tx_1'); 
									var tx_2 = document.getElementById('tx_2'); 
									var btn = document.getElementById('btn'); 
									tx_1.value != '' && tx_2.checked == true ? btn.disabled = false : btn.disabled = true;  
								  } 
								//--> 
								</script>				
		</form>

PS: и лучше использовать setAttribute
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как пометить заголовок классом если все чекбоксы ниже включены? МаринаКрутакова jQuery 8 10.10.2011 07:32
По нажатию на сабмит проверить, заполнены ли все поля формы zarubindmitriy@gmail.com jQuery 6 31.08.2011 06:49
Модуль для работы с модулями JSprog Ваши сайты и скрипты 29 02.09.2009 13:31
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37
Как вызвать функцию если менять надо не все параметры? britanik Общие вопросы Javascript 3 07.03.2009 23:13