Validar um formulário

17/05/2019

9

Estou no 1° semestre de ciência da computação e preciso fazer um formulário em html. Consegui validar ele com HTML5 (todas as vezes que eu aperto "enviar" sem preencher algum campo ele sinaliza) porém assim que apertar no botão de "enviar" gostaria que surgisse um alert na tela dizendo que a mensagem foi enviada com sucesso quanto todos os campos estiverem preenchidos (sem php, sem banco de dados... o mais simples possivel). Mas se algum campo estiver em branco, quando apertar o enviar, permanecer a mensagem que aparece do próprio html5.

Me ajudem, please?

Obrigada!!
Responder

Post mais votado

17/05/2019

Existem "n" formas de realizar esta ação, uma das mais simples e coloca um evento direto no botão enviar:

<input type"button" onclick="mostraAlert()">

e no cabeçalho da sua pagina(entre o <head > </head>) implemente a função "mostraAlert()" que foi chamada no botão:
<script>
function mostraAlert(){
//verifica se todos os campos foram preenchidos novamente:
var campoX = document.getElementById("campo1").value;
var campoY = document.getElementById("campo2").value;

if((campoX=="") && (campoY=="")){
return
}else{
alert("Formulario Enviado com Sucesso!")
}

}
</script>
Responder

Mais Posts

20/05/2019

Mirela

Muito obrigada!! Até pareceu ridículo, mas dá um desconto: sou amadora!

Thanks!
Responder