Форум

SteeLZzZ · #1 (**permalink**) 07.05.2013, 19:46

Здравствуйте. В JS опыт не огромный, хотелось бы сделать кнопку другим цветом когда поля все заполнены. Попытался сделать так:

var name = getElementByName("Feedback[name]");
var email = getElementByName("Feedback[email]");
var msg = getElementByName("Feedback[msg]");

if(msg.value != '' && email.value != '' && name.value != '')
{
	getElementById("btn").style.backgroundColor = "#49ff00";
}

метод - вообще никакой... Буду благодарен, если кто подскажет. Можно и на jQuery кстати, он подключен к сайту.

Hekumok · #2 (**permalink**) 07.05.2013, 22:45

<head>
	<script src = "http://code.jquery.com/jquery.min.js"></script>
	<style>
		#btn {
			background: red ;
		}
	</style>
</head>
<body>
<textarea id = "name"></textarea>
<textarea id = "email"></textarea>
<textarea id = "msg"></textarea>
<button id = "btn">GO</button>
<script>
var textareas = $("#name,#email,#msg"),
button = $("#btn") ;
textareas.on("change input", function() {
	var color = "green" ;
	textareas.each(function() {
		if(!$(this).val())
			color = "red" ;
	}) ;
	button.css("background", color) ;
}) ;
</script>
</body>

рони · #3 (**permalink**) 07.05.2013, 23:45

Сообщение от SteeLZzZ

getElementByName

нет такой буквы!!!
document.getElementsByName("Feedback[name]")[0]

deivan · #4 (**permalink**) 08.05.2013, 13:00

getElementsByName возвращает массив, а для вашей задачи правильнее использовать getElementById, предварительно позаботившись в версте об идентификаторах.

Форум

Справочник

Discord чат

Курсы javascript