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!!
Me ajudem, please?
Obrigada!!
Mirela
Curtir tópico
+ 0
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>
<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
Responder
Mais Posts
20/05/2019
Mirela
Muito obrigada!! Até pareceu ridículo, mas dá um desconto: sou amadora!
Thanks!
Thanks!
Responder
Clique aqui para fazer login e interagir na Comunidade :)