Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marina limeira

Verifica e altera cor nos campos vazios do form

Por , em Javascript

Recommended Posts

marina limeira    0

marina limeira
Postado

Como posso fazer que funcione em qualquer navegador (IE, Firefox, Safari, Opera)

 

onde eu tenho um formulario...

 

mas alguns campos sao obrigatorios.. ao apertar enviar, cheque os campos vazios e deixa todos em texto com vermelho nao habilitando o botao Enviar enquanto o usuario nao preencher tudo que é obrigatorio ?

 

se puderem enviar algum exemplo, pois conheco muito pouco de javascript.

 

é possivel fazer isso ?? pode ser feito outros efeitos ??

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Crie um array com todos os inputs q sao obrigatorios e faça uma varredura no valor deles, se o valor for vazio, você executa a ação de deixar o texto de outra cor e o botão enviar desativado.

 

Utilize o DOM ( document.getElementById ) para isso...

 

Abraços..

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado 

if( document.getElement.ById('campo1').value==""){
	 document.getElement.ById('campo1').style.border = "1px ridge Red";
}

if( document.getElement.ById('campo2').value==""){
	 document.getElement.ById('campo2').style.border = "1px ridge Red";
}

if( document.getElement.ById('campo3').value==""){
	 document.getElement.ById('campo3').style.border = "1px ridge Red";
}

esta é uma forma bem horrivel de se fazer, existem outras melhores

 

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

esta é uma forma bem horrivel de se fazer, existem outras melhores

ola programador

 

tb achei meio complicado..

 

qual voce recomenda como alternativa?

 

ele quis dizer que é uma forma redundante, por isso é horrível..

 

mas é a forma mais simples e fácil para iniciantes entenderem como funciona.

 

 

 

 

<script language=javascript>
function teste(){
	 if( document.getElement.ById('campo1').value==""){
		  document.getElement.ById('campo1').style.border = "1px ridge Red";
	 }
	 
	 if( document.getElement.ById('campo2').value==""){
		  document.getElement.ById('campo2').style.border = "1px ridge Red";
	 }

	 if( document.getElement.ById('campo3').value==""){
		  document.getElement.ById('campo3').style.border = "1px ridge Red";
	 }

}

</script>

<body onload="teste();">
<form>
<br /><input type=text name=campo1 id=campo1 value='' size=25>
<br /><input type=text name=campo2 id=campo2 value='' size=25>
<br /><input type=text name=campo3 id=campo3 value='texto qualquer' size=25>
</form>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito