Javascript.RU

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

Активация кнопки при вводе верного ответа
Здравствуйте!
Помогите реализировать. Есть форма и кнопка (submit). По дефолту кнопка неактивная, и при вводе верного ответа в поле формы, активируется. Скрипт проверки:
q = new Array();
q['q1'] = '4';

function checkQ(str) {
if(document.getElementById(str).value.toUpperCase() == q[str])
{
validate1(str);
}
else
{
validate2(str);
}

}

function validate1(qstr) 
{
if(document.getElementById(qstr).disabled == false) 
{
document.getElementById(qstr).disabled = true;
document.getElementById(qstr).style.border = '2px solid #00FF00';
}
}

function validate2(qstr) {
if(document.getElementById(qstr).value=='') {
document.getElementById(qstr).style.border = '1px solid #A5ACB2';
}
else
{
document.getElementById(qstr).style.border = '2px solid #FF0000';
}
}


и сам HTML:
<table class=head cellSpacing=5 cellPadding=5 align=center order=0>
<tbody>
<tr class=rows>
<td>2 + 2 =</td>
<td><input id=q1 onkeyup="javascript:checkQ('q1')"></td>	
</tr>
</tbody>
</table>

<table class=head cellSpacing=5 cellPadding=5 align=center border=0>
<tbody>
<tr>
<td>
<form action="" method="" name="goNext">
<input name="next" type="submit" value="Next" disabled="disabled">
</form>
</td>
</tr>
</tbody>
</table>


Пробовал так:
function validate1(qstr) 
{
if(document.getElementById(qstr).disabled == false) 
{
document.getElementById(qstr).disabled = true;
document.getElementById(qstr).style.border = '2px solid #00FF00';
document.goNext.elements['next'].disabled = false;
}
}


И так:
function validate1(qstr) 
{
if(document.getElementById(qstr).disabled == false) 
{
document.getElementById(qstr).disabled = true;
document.getElementById(qstr).style.border = '2px solid #00FF00';
document.getElementById(next).disabled = false;
}
}

Новий HTML:
<table class=head cellSpacing=5 cellPadding=5 align=center border=0>
<tbody>
<tr>
<td>
<input id=next type="submit" value="Next" disabled="disabled">
</td>
</tr>
</tbody>
</table>


Удалось только провести проверку ввода ответа, а кнопка так и остается неактивной
Буду очень благодарен за помощь!
Ответить с цитированием
  #2 (permalink)  
Старый 07.02.2010, 23:54
Аватар для fizzle
Интересующийся
Отправить личное сообщение для fizzle Посмотреть профиль Найти все сообщения от fizzle
 
Регистрация: 29.11.2008
Сообщений: 10

JS

var q = '4';
	function checkQ()
	{
	document.getElementById("sub").disabled = true;
	if(document.getElementById("q1").value == q)
	{
	document.getElementById("sub").disabled = false;
	document.getElementById("sub").style.border = '2px solid #00FF00';
	}
    }



И сам HTML

<table class=head cellSpacing=5 cellPadding=5 align=center order=0>
	<tbody>
	<tr class=rows>
	<td>2 + 2 =</td>
	<td><input id="q1" onkeyup="checkQ()"><td> 
	</tr>
	</tbody>
	</table>
	 
	<table class=head cellSpacing=5 cellPadding=5 align=center border=0>
	<tbody>
	<tr>
	<td>
	<form action="" method="" name="goNext">
	<input name="next" type="submit" value="Next" id="sub" disabled="disabled">
	</form>
	</td>
	</tr>
	</tbody>
	</table>

Последний раз редактировалось fizzle, 07.02.2010 в 23:58.
Ответить с цитированием
  #3 (permalink)  
Старый 08.02.2010, 01:12
Любитель
Отправить личное сообщение для JsLoveR Посмотреть профиль Найти все сообщения от JsLoveR
 
Регистрация: 16.12.2009
Сообщений: 422

var q = '4';

var q = 4 ;
уточнение)

Последний раз редактировалось JsLoveR, 08.02.2010 в 01:16.
Ответить с цитированием
  #4 (permalink)  
Старый 08.02.2010, 23:12
Новичок на форуме
Отправить личное сообщение для JukiPuki Посмотреть профиль Найти все сообщения от JukiPuki
 
Регистрация: 05.02.2010
Сообщений: 4

Большое спасибо) работает
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Реализация скрипта. Изменение дерева при вводе каждой следующей буквы слова. WDha AJAX и COMET 0 04.11.2009 00:19
Смена изображений при нажатии кнопки. Rel60 Общие вопросы Javascript 1 14.09.2009 11:05
Проверка имени пользователя при вводе st1512 AJAX и COMET 1 07.09.2009 09:58
Снятие затемнения с экрана при получении ответа от php срипта с помощью setInterval roma86 jQuery 0 16.08.2009 12:39
Подбор вариантов при вводе. SergeiAzarov Общие вопросы Javascript 1 06.09.2008 15:09