Validar um formulário

JavaScript

HTML5

17/05/2019

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!!
Mirela

Mirela

Curtidas 0

Melhor post

Wender Dias

Wender Dias

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>
GOSTEI 2

Mais Respostas

Mirela

Mirela

17/05/2019

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

Thanks!
GOSTEI 0
POSTAR