Cordiais saudações, amigos do GUJ.
Estou fazendo umas aulas grátis de desenvolvimento Java Web, mas a validação de um formulário é em código JavaScript. Como sou novato, não sei porque misturar scripts JavaScripts com código Java. Mas enfim, eis o meu problema. Tem um submit no arquivo JavaScript que não está sendo executado e os dados do formulário não estão sendo enviados. A propósito o envio destes dados esta sendo feito por um comando get e não post (como deveria ser).
Vejam abaixo o código JavaScript que faz a validação do formulario “frmContato”:
O nome do arquivo JavaScript é validador.js, e está abaixo:
/**
* Validador
* @Author Ronaldo Rodrigues Godoi
*/
function validar() {
let nome = frmContato.nome.value
let fone = frmContato.fone.value
if (nome === "") {
alert('Preencha o campo Nome')
frmContato.nome.focus()
return false
} else if (fone === "") {
alert('Preencha o campo Fone')
frmContato.fone.focus()
return false
} else {
document.forms["frmContato"].submit()
}
}
Tudo neste programinha JavaScript funciona perfeitamente mas a remessa de dados pelo comando submit não está ocorrendo. O script JavaScript é acionado quando apertamos o botão Adicionar.
O nome do formulário html é novo.html e está abaixo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Agenda de contatos</title>
<link rel="icon" href="imagens/phone_icon.png">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Criar novo contato</h1>
<form name="frmContato" action="insert">
<table>
<tr>
<td><input type="text" name="nome" placeholder="Nome" class="Caixa1"></td>
</tr>
<tr>
<td><input type="text" name="fone" placeholder="Fone" class="Caixa2"></td>
</tr>
<tr>
<td><input type="text" name="email" placeholder="E-mail" class="Caixa1"></td>
</tr>
</table>
<input type="button" value="Adicionar" class="Botao1" onclick="validar()">
</form>
<script src="scripts/validador.js"></script>
</body>
</html>
Trata-se de um projeto do IDE Eclipse, composto por diversos arquivos. Se for necessário mando outros arquivos de código que fazem parte do projetinho, mas acho que o problema está no submit pois os dados do formulário não aparecem no campo de url como acontece no vídeo gratuito. Estou gostando muito deste projeto e gostaria que alguém do GUJ apontasse um caminho para resolver este problema. Pergunto: pode ser alguma trava contra get onde deveria ser post? Não sei.
Obrigado pela atenção, na certeza de ser atendido (como tantas vezes),
Ronaldo
P.S.: veja a tela do formulário com o botão que aciona o validador.js