Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2013, 10:30
Аватар для Nailya
Кандидат Javascript-наук
Отправить личное сообщение для Nailya Посмотреть профиль Найти все сообщения от Nailya
 
Регистрация: 05.04.2013
Сообщений: 135

как прописать условия для полей input и textarea
у меня два поля input и textarea, мне нужно сделать следующее, если поля заполнены, должно всплыть окно с текстом, а если поле пустое, то другой текст

я совсем новичок, как можно это прописать, я сделала вот так, но алерт в любом случае появляется с первым текстом

<form action="zxc.php" method="POST">
		<input class="author" type="text" name="author"/>
       <textarea class="com" name="comment" cols="50" rows="5">
		</textarea>
	<input class="button" name="button" type="submit" onclick="moderation_0(this)" value="Отправить" />
</form>


function moderation_0(sub){
	var textarea = document.getElementsByTagName('textarea'); 
	var input = document.getElementsByTagName('input');
	if(textarea != 0 && input != 0){
	alert('Спасибо, Ваш комментарий отправлен на модерацию');
	}
	else{
		alert('Поля ввода текста не заполнены');
	}
			
}
Ответить с цитированием
  #2 (permalink)  
Старый 06.06.2013, 12:44
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

function moderation_0(sub){
	var textarea = document.getElementsByClassName('author')[0]; 
	var input = document.getElementsByClassName('com')[0];
	if(textarea && input){
	alert('Спасибо, Ваш комментарий отправлен на модерацию');
	}
	else{
		alert('Поля ввода текста не заполнены');
	}
			
}
Ответить с цитированием
  #3 (permalink)  
Старый 06.06.2013, 13:20
Аватар для Nailya
Кандидат Javascript-наук
Отправить личное сообщение для Nailya Посмотреть профиль Найти все сообщения от Nailya
 
Регистрация: 05.04.2013
Сообщений: 135

Не помогло(

пустые или не пустые поля, срабатывает в любом случае первый алерт
Ответить с цитированием
  #4 (permalink)  
Старый 06.06.2013, 13:28
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

Nailya, ой, упустил кое что.
function moderation_0(sub){
	var textarea = document.getElementsByClassName('author')[0].value; 
	var input = document.getElementsByClassName('com')[0].value;
	if(textarea && input){
	alert('Спасибо, Ваш комментарий отправлен на модерацию');
	}
	else{
		alert('Поля ввода текста не заполнены');
	}
			
}
Ответить с цитированием
  #5 (permalink)  
Старый 06.06.2013, 13:43
Аватар для Nailya
Кандидат Javascript-наук
Отправить личное сообщение для Nailya Посмотреть профиль Найти все сообщения от Nailya
 
Регистрация: 05.04.2013
Сообщений: 135

это скрипт почему-то реагирует только на поле input: я попробовала заполнить только input, поле textarea оставила пустым, и у меня сработал
первый алерт
Ответить с цитированием
  #6 (permalink)  
Старый 06.06.2013, 13:58
Аватар для Nailya
Кандидат Javascript-наук
Отправить личное сообщение для Nailya Посмотреть профиль Найти все сообщения от Nailya
 
Регистрация: 05.04.2013
Сообщений: 135

Вот так заработало)

function moderation_0(sub){
	
	var textarea = document.getElementsByClassName('com')[0].value;
	if(textarea != ''){
	alert('Спасибо, Ваш комментарий отправлен на модерацию');
	}
	else{
		alert('Поля ввода текста не заполнены');
	}
			
}
Ответить с цитированием
  #7 (permalink)  
Старый 06.06.2013, 14:14
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

Сообщение от Nailya
Вот так заработало)
Ну тогда при пустом input все равно будет добавляется комментарий

Ловкость рук и никакого мошейничества
<form action="zxc.php" method="POST">
        <input class="author" id="author" type="text" name="author"/>
        <textarea class="com" id="comment" name="comment" cols="50" rows="5"></textarea>
    <input class="button" name="button" type="submit" onclick="moderation_0()" value="Отправить" />
</form>

function moderation_0()
{
   alert((document.getElementsById('author').value != '' && document.getElementsById('comment').value != '') ? ''Спасибо, Ваш комментарий отправлен на модерацию' : 'Поля ввода текста не заполнены');
}

Последний раз редактировалось ruslan_mart, 06.06.2013 в 14:16.
Ответить с цитированием
  #8 (permalink)  
Старый 06.06.2013, 14:31
Аспирант
Отправить личное сообщение для NeoN Посмотреть профиль Найти все сообщения от NeoN
 
Регистрация: 01.03.2013
Сообщений: 77

Или можно добавить ID, так проще вроде )

function moderation_0(){
	var textarea = document.getElementById('comment').value; 
	var input = document.getElementById('author').value;
	if(textarea.length && input.length){
	alert('Спасибо, Ваш комментарий отправлен на модерацию');
	document.getElementById('submit').submit();
	}
	else{
		alert('Поля ввода текста не заполнены');
		
	}
			
}


<form action="zxc.php" method="POST" id="submit">
		<input class="author" type="text" name="author" id="author"/><br>
       <textarea class="com" name="comment" cols="50" rows="5" id="comment">
		</textarea><br>
	<input class="button" name="button" type="button" onclick="moderation_0()" value="Отправить" />
</form>


еще тип последнего инпута сделал button, чтобы форма не сабмитилась в случае пустых полей. сабмит устроен через эту строку - document.getElementById('submit').submit();

Последний раз редактировалось NeoN, 06.06.2013 в 14:40.
Ответить с цитированием
  #9 (permalink)  
Старый 06.06.2013, 14:34
Аспирант
Отправить личное сообщение для NeoN Посмотреть профиль Найти все сообщения от NeoN
 
Регистрация: 01.03.2013
Сообщений: 77

Сообщение от Ruslan_xDD Посмотреть сообщение
alert((document.getElementsById('author').value
document.getElementsById() вроде не бывает. на сколько я знаю Id должен быть уникальным, поэтому нужно использовать document.getElementById()
Ответить с цитированием
  #10 (permalink)  
Старый 06.06.2013, 15:54
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

NeoN, да да, не заметил просто.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как взять выделенный текст из textarea? fankiss Общие вопросы Javascript 5 13.02.2016 14:36
Как отделить нажатие кл. Enter в поле INPUT от нажатия Enter в выпадающем списке? Маэстро Events/DOM/Window 7 18.07.2012 09:11
Как сверстать input без картинок greatilya (X)HTML/CSS 26 26.01.2012 15:10
Можно ли как для произвольного массива создавать вызовы функций , имеющих на входе kefi Общие вопросы Javascript 3 17.04.2009 16:53
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 13:55