Tratar formulário

[renan mafra 0]

Olá pessoal,

 

Tenho um formulário que quero tratar com javascript, a minha idéia é em vez de colocar um alert colocar visivel uma DIV com uma imagem sobre o erro, como se fosse

um balão de desenho.

 

Minha dúvida é, como aciono (coloco visivel a div) quando ocorrer um erro e gostaria

que ao clicar na imagem ou no campo do formulário a DIV ficasse oculta novamente,

e que emquanto a div ficasse visivel o formulário não enviasse os dados. Como

faço isso pessoal ??

[Ted k' 126]

Ao invés de chamar um alert, você vai chamar uma div, um exemplo simples:

 

no javascript:

var div = document.getElementById("alerta");

if (campo == ""){
 div.innerHTML = "Por favor preencha o campo";
 div.style.display = "block";
 return false;
}

HTML:

 

<div id="alerta" style="display: none;"></div>

 

para ocultar quando clicar na imagem ou no campo, basta fazer isso:

no javascript:

function fechar (){
 div.style.display = "none";
}

 

 

adicione essa função fechar quando começar a digitar no campo, onkeypress, e no link da imagem que quer fechar, usando o onlick, as demais coisas da função você implementa.

 

Fiz o código rapidamente, qualquer erro ou duvida, retorna o post!