| Form |

[Windows 0]

iai pessoal !

Gostaria de validar os campos do form mostrando na frente da caixa de texto uma bolinha vermelha é o campo fica vermelho caso estive errado caso estiver certo o campo fica verde é mostra uma bolinha verde.

usa um <div> ai no div apareçia a imagen, é no input ficase de tal cor, ex:

 

<input name="login" id="login" size="35" type="text"> <div name="box-login" id="box-login"></div>

Ai no box-login ficase a imagen é no <input> á cor.

 

Abraços ~;

[Gustav Silv 0]

Cara, to com o mesmo problema!

No meu caso, a bolinha fica vermelha caso de campo obrigatório não é preenchido (coo o codigo abaixo ja funciona, mas campo a campo).

Mas o negócio é o seguinte: Se mostra 2 campos de preenchimento e ele submente com 1 campo preenchido corretamente, ele não "zera" este campo e deixa de mostrar a bolinha...

Quando você agrupa todos os "document.getElementById('NAMERROR').innerHTML=message;" ele mostra todas as bolinhas vermelhas nos campos especificados...

 

function validate(CONTACT) {
  var message='';
  var messagetop='';
  var fvalid=true;

  if (CONTACT.NAME.value=='Seu nome:') {
  fvalid=false;
	message+=' •';
	messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
	document.getElementById('errorMessage').innerHTML=messagetop;
	document.getElementById('errorMessage').style.color='#FF0000';
	document.getElementById('NAMERROR').innerHTML=message;
	return false;
  }

else if (CONTACT.EMAIL.value=='Seu e-mail:'){
	fvalid=false;
	message+=' •';
	messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
	document.getElementById('errorMessage').innerHTML=messagetop;
	document.getElementById('errorMessage').style.color='#FF0000';
	document.getElementById('MAILERROR').innerHTML=message;
	return false;
  }
   else if (CONTACT.EMAIL.value.indexOf('@', 0) == -1 ||  CONTACT.EMAIL.value.indexOf('.', 0) == -1){
	fvalid=false;
	message+=' •';
	messagetop+='Por favor, informe um e-mail válido.';
	document.getElementById('errorMessage').innerHTML=messagetop;
	document.getElementById('errorMessage').style.color='#FF0000';
	document.getElementById('MAILERROR').innerHTML=message;
	return false;
  }
  else if (CONTACT.TELEFONE.value=='Telefone de contato: (XX XXXX-XXXX)'){
	fvalid=false;
	message+=' •';
	messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
	document.getElementById('errorMessage').innerHTML=messagetop;
	document.getElementById('errorMessage').style.color='#FF0000';
	document.getElementById('PHONEERROR').innerHTML=message;
	return false;
}
  else if (CONTACT.MESSAGE.value=='Mensagem:'){
	fvalid=false;
	message+=' •';
	messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
	document.getElementById('errorMessage').innerHTML=messagetop;
	document.getElementById('errorMessage').style.color='#FF0000';
	document.getElementById('MESSAGEERROR').innerHTML=message;
	return false;
}
  
  else;
  
  if (fvalid==true) {
	return true;
}
}

Alguém sugere alguma mudança???

[Windows 0]

Aew, aproveitando como fazer alguma coisa java script que fica guardada a messagen lah ai fazer o java scrit pega ?