erro no JavaScript, func is not defined

[Annyh 4]

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>

[William Bruno 1501]

troque:

<form method="post" action="javascript:func()" id="formContato">

por:

<form method="post" action="" id="formContato">