Validar um formulário

17/05/2019

0

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

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>

Wender Dias

Wender Dias
Responder

Mais Posts

20/05/2019

Mirela

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

Thanks!
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar