erro no JavaScript, func is not defined
e ai galera,
criei um formuláro que valida com PHP mas usa JS para ficar na mesma página sem atualizar o browser, o problema é que somente quando clico no botão enviar, no debugador (Firebug) aparece um erro, sempre que clico no botão enviar, o erro é o descrito no título: func is not defined, a não ser isso, tudo funciona perfeitamente, o envio inclusive...
outra coisa, que gostaria de saber é o seguinte;
quando há um erro no formulário ele mostra uma div com fundo vermelho definido por mim mesma, mas quando é a mensagem de sucesso, também mostra a mesma cor de fundo, e gostaria que fosse outra cor (verde), tem como fazer isso?
meu codigo:
<script type="text/javascript">
$(function($) {
// Quando o formulário for enviado, essa função é chamada
$("#formContato").submit(function() {
// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
var nome = $("#formNome").val();
var email = $("#formEmail").val();
var assunto = $("#formAssunto").val();
var mensagem = $("#formMensagem").val();
// Exibe mensagem de carregamento
$("#status").html("<img src='imgs/carregando5.gif' alt='aguarde...' />");
// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
$.post('arquivos/envia.php', {formNome: nome, formEmail: email, formAssunto: assunto, formMensagem: mensagem}, function(resposta) {
// Quando terminada a requisição
// Exibe a div status
$("#status").slideDown("fast");
// Se a resposta é um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
} else {
// Se resposta for false, ou seja, não ocorreu nenhum erro
// Exibe mensagem de sucesso
$("#status").html('<div style="background: #4edd56; padding: 5px;"><strong style="font-weight: bold;">'+ nome +' </strong> sua mensagem foi enviada com sucesso!</div>');
// Limpando todos os campos
$("#formNome").val("");
$("#formEmail").val("");
$("#formAssunto").val("");
$("#formMensagem").val("");
}
});
});
});
</script>
<h1>entre em contato</h1>
<p>Preencha o formulário e deixe seu comentário, elogÃo, sua crÃtica, dúvida, etc...</p>
<div id="status" style="background: #fd8383; color: #fff; display: none; margin: 0 0 10px 0; padding: 5px;"></div>
<form method="post" action="javascript:func()" id="formContato">
<fieldset>
<legend>informe seus dados</legend>
<span>
<label for="nome">nome</label>
<input type="text" name="formNome" id="formNome" />
</span>
<span>
<label for="email">email</label>
<input type="text" name="formEmail" id="formEmail" />
</span>
<span>
<label for="assunto">assunto</label>
<input type="text" name="formAssunto" id="formAssunto" />
</span>
<span class="msn">
<label for="mensagem">mensagem</label>
<textarea name="formMensagem" id="formMensagem"></textarea>
</span>
<button name="formEnviar" class="formContato">enviar</button>
</fieldset>
</form>Discussão (1)
Carregando comentários...