Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gabriel T.

SlideUp(); não funciona no IE...

Recommended Posts

Bom pessoal, eu tenho um plugin jQuery que valida meu formulário de contato, o jquery.validate.js.

Está funcionando perfeitamente em qualquer navegador, mas o problema é com um script que incluí na página...

No navegador Chrome está perfeito, mas somente acontece um erro no IE.

Assim:

Quando eu dou o submit no formulário con todos os dados corretos, o jquery oculta o formulário com o slideUp(); e logo acima aparece uma mensagem de sucesso ao enviar o e-mail.

O código jQuery implementado é esse aqui:

 

<script type="text/javascript">
jQuery(document).ready(function(){
$('#contato').submit(function(){				  
	var action = $(this).attr('action');
	$.post(action, { 
		nome: $('#cname').val(),
		email: $('#email').val(),
		assunto: $('#assunto').val(),
		mensagem: $('#mensagem').val()
	},
		function(data){
			$('#contato #submit').attr('disabled','');
			$('.response').remove();
			$('#contato').before('<p class="response">'+data+'</p>');
			$('.response').slideDown();
			if(data=='Sua mensagem foi enviada com sucesso, e será respondida o mais rápido possível.<br /> Agradecemos o seu contato.') $('#contato').slideUp();
		}
	); 
	return false;
});
});
</script>

 

O formulário:

 

<form name="contato" action="enviar.php" method="post" id="contato">
         <ol>
           <li>
		  <label for="cname"><em>Nome (Obrigatório, mínimo de 4 caracteres.)</em></label>
		  <input id="cname" name="name" class="required" minlength="4" />
           </li>
           <li>
		  <label for="email"><em>E-mail (Obrigatório)</em></label>
             <input id="email" name="email" class="required email" minlength="4" />
           </li>
           <li>
		  <label for="assunto"><em>Assunto (Obrigatório)</em></label>
             <input id="assunto" name="assunto" class="required" minlength="4" />
           </li>
           <li>
		  <label for="mensagem"><em>Mensagem<br />(Obrigatório, mínimo de 20 caracteres.)</em></label>
             <textarea id="mensagem" name="mensagem" class="required" rows="6" cols="50" minlength="20"></textarea>
           </li>
           <li>
             <input class="submit" type="submit" value="Enviar Mensagem"/>
             <div class="clr"></div>
           </li>
         </ol>
       </form>

 

Tinha que ser o IE mesmo... <_<

Obrigado pela sua atenção amigo(a).

 

Obs: url do site:

http://www.homeprodutos.com/contato.php

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara... só te aconselho a mudar esse IF do data

if(data=='1')
{
$('#contato').before('<p class="response">Sua mensagem foi enviada com sucesso, e será respondida o mais rápido possível.<br /> Agradecemos o seu contato.</p>');
$('#contato').slideUp('slow');
}
else
$('#contato').before('<p class="response">Ocorreu um erro!</p>');

testei aqui, e funcionou corretamente no IE

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.