Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.11.2011, 00:11
Новичок на форуме
Отправить личное сообщение для Meecrobe Посмотреть профиль Найти все сообщения от Meecrobe
 
Регистрация: 03.11.2011
Сообщений: 3

Поочередная активация текстовых полей
здравствуйте!

есть форма с 2 текстовыми полями и 1 textarea (имя, email, сообщение). При заполнении всех полей отправляется письмо на указанный email. Дабы не выводить каждый раз сообщения вроде "Введите Ваше имя" или "Введите текст сообщения", решил просто-напросто сделать все поля, включая кнопку submit неактивными, кроме первого поля (имя). И по мере того, как пользователь будет вводить данные, следующие за текущим поля будут становиться активными. Когда все поля будут заполнены, то в последнюю очередь активируется кнопка submit, что сделает возможным отправку сообщения. Пробовал и так, и сяк. Пришлось зарегистрироваться. Помогите, пожалуйста

<form action="index.php" method="POST" name="feedbackform">
			<font color="white">
			<font size="5">Cвязаться с нами</font><br>
			Имя: <input id="username" type="text" name="username" size="17"><br>
			E-mail: <input disabled id="email" type="text" name="email" size="17"> 
			<br><br>
			Сообщение:<br>
			<textarea disabled id="message" maxlength="170" name="message" rows="5"></textarea>
			<br>
			<input disabled id="send" type="submit" name="send" value="" class="sendbtn">
			</font>
</form>
Ответить с цитированием
  #2 (permalink)  
Старый 04.11.2011, 00:38
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

если стирать - то они не будут деактивироваться. но об этом ничего не было сказано.
document.feedb.ackform.onkeydown = function(e){
    var els = this.elements;
    var el = /*@cc_on!@*/0?event.srcElement:e.target;
    var pos = 0;
    
    if(el.value){

        while(els[pos]) 
            if(els[pos]==el) 
                break;
            else 
                pos++;
        
        el = els[pos+1];
        
        if(el.disabled){
            el.disabled = false;
        }
    }
};

Последний раз редактировалось melky, 04.11.2011 в 00:55.
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2011, 00:53
Новичок на форуме
Отправить личное сообщение для Meecrobe Посмотреть профиль Найти все сообщения от Meecrobe
 
Регистрация: 03.11.2011
Сообщений: 3

Извините, если недоступно объяснил, но мне нужно именно,чтобы при стирании они вновь деактивировались. Т.е. если содержимое поля == '', то следующее за ним поле становится неактивным и наоборот.
Ответить с цитированием
  #4 (permalink)  
Старый 04.11.2011, 00:54
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

вам в раздел "работа". там напишут скрипт за денежное вознаграждение.
Ответить с цитированием
  #5 (permalink)  
Старый 04.11.2011, 01:11
Новичок на форуме
Отправить личное сообщение для Meecrobe Посмотреть профиль Найти все сообщения от Meecrobe
 
Регистрация: 03.11.2011
Сообщений: 3

я пытался написать сам, но не могу понять, почему не активирует/деактивирует поле в зависимости от значения.

что-то вроде

function send() {
	
	if (document.getElementById('username').value != "") 
	}
		document.getElementById('email').removeAttribute('disabled');
	}
	else
	{
		document.getElementById('email').setAttribute('disabled');
	}
}
Ответить с цитированием
  #6 (permalink)  
Старый 04.11.2011, 07:24
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

function send() {
	
*!*
	if (document.getElementById('username').value != "") 
	*!*}*/!*
*/!*
		document.getElementById('email').removeAttribute('disabled');
	}
	else
	{
		document.getElementById('email').setAttribute('disabled');
	}
}
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автозаполнение полей $wAiN_n Общие вопросы Javascript 4 08.08.2011 13:44
Автозаполнение полей $wAiN_n Общие вопросы Javascript 6 08.04.2011 17:49
Проблема с проверкой полей в форме Eth Общие вопросы Javascript 7 19.08.2010 17:41
Добавление и удаление полей в форму anoth3r Events/DOM/Window 1 11.09.2009 15:10
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14