Não consigo enviar Form pelo Onclick

[Renzo Schröder 0]

Criei um botão personalizado para enviar meu formulário, porém, não consigo enviar para a página php.

 

Se eu colocar onClick(submit()) ele funciona, mas eu preciso fazer uma validação nesse submit antes de chamar o php.

 

<form action="enviar.php" method="post">

<label>
Nome:<input type="text" id="nome" name="nome">
</label><br /><br />

<label>
E-mail:<input type="email" id="email" name="email">
</label><br /><br />

<label>
Mensagem:<textarea name="mensagem" id="textarea" ></textarea>
</label>

<div id="enviar" onClick="enviar()"></div>

 

 

function enviar(){
	var nome = document.getElementById("nome").value;
	var email = document.getElementById("email").value;
	var textarea = document.getElementById("textarea").value;
	
	if(nome == "" && email == "" && textarea == ""){			
	return false;
	}
	else{
        return true;
	}
}

 

Alguém pode me ajudar?

[William Bruno 1501]

<form action="enviar.php" method="post" id="form">

e ai:

else{
        document.getElementById('form').submit();
}

ou melhor ainda, use input type="submit", e dispare tua função no evento onsubmit do form, e não no botão. Ai fica mais correto.

[Renzo Schröder 0]

 

<form action="enviar.php" method="post" id="form">

e ai:

else{
        document.getElementById('form').submit();
}

ou melhor ainda, use input type="submit", e dispare tua função no evento onsubmit do form, e não no botão. Ai fica mais correto.

 

Muito obrigado, W Bruno. Dar um else pegando a id de form resolveu a questão. Eu preferi não usar o input type=submit porque quis fazer um botão personalizado. Até onde sei, o botão do tipo submit não tem como fazer isso. Ou tem? Se tiver, aí fica lindo.

 

Ainda tô aprendendo, mas tá aí um exemplo do formulário que estou fazendo www.actionclick.com.br

 

Abraços.

[William Bruno 1501]

tem como personalizar um type submit sim.