Alguma dica com esse script

[Rodrigodomingues 0]

Pessoal Obrigado desde ja.

 

Bom eu tenho esse js. usando jquery validate.

 

bom oque acontece é o seguinte. quando o usuario clica em enviar no formularo. ele nao deixa enviar porem, ele manda a mensagem que coloquei na div ËNVIANDO CONTATO... AGUARDE" eu queria mandar sssa mgs apenas quando estiver tudo ok. alguem tem alguma ideia? n sei se tem como fazer senao cair no sucess enviar outra msg.

 

obrigado

 

 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

$(document).ready(function(){

	$("#nome").focus();
	
	$("#contato_envia").submit(function(){
		$("#mensagem_contato").remove();
		$("#bto_enviar").attr("disabled", "disabled");
		$('<div id="mensagem_contato">Enviando Contato.. Aguarde..</div>').hide().insertBefore('#bto_enviar').fadeIn('slow');
		$("#bto_enviar").removeAttr("disabled");
	});
	
	
    $("#contato_envia").validate({
        submitHandler: function(form) {
            $(form).ajaxSubmit({
                dataType: 'html',
                success: response_ContatoEnviado,
				
		
            });
        },
        rules: {
            nome: {
                required: true,
                minlength: 2
            },
            email: {
                required: true,
                email: true
            },
            comochegou: {
                required: true
            },
            fonte: {
                required: true
            
            },
            assunto: {
                required: true
            }
        },
        messages: {
            nome: {
                required: "Por favor, preencha seu nome!",
                minlength: "Seu nome tem que ter mais de 2 letras!"
            },
            email: {
                required: "Por favor, digite seu e-mail!",
                email: "E-mail inválido"
            },
            comochegou: {
                required: "Por favor, informe como chegou ao meu site"
            },
            fonte: {
                required: "Por favor, informe um Site ou Blog"
            },
            assunto: {
                required: "Por favor, preencha o assunto"
            }
        }
		
    });
	
    
});

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function response_ContatoEnviado(data){
	$("#mensagem_contato").remove();
	$('<div id="mensagem_contato"> OK: Enviado com sucesso!</div>').hide().insertBefore('#bto_enviar').fadeIn('slow');
}

[AlocK 0]

ja viu as funçoes do jQuery $.ajaxStart e $.ajaxStop ? elas podem te ajudar ja que voce colocou um evento ao carregar a pagina que nao faz muito sentido

 

esse:

$('<div id="mensagem_contato">Enviando Contato.. Aguarde..</div>').hide().insertBefore('#bto_enviar').fadeIn('slow');

voce poderia coloca-lo no ajaxStart e no ajaxStop dar hide nele para aparecer a mensagem de "sucesso enviado"

[Rodrigodomingues 0]

Vou pesquisar sobre AlocK obrigado.

 

ninguem tem mais alguma dica?

se nao estiver claro. explico denovo

 

eu tentei fazer e não consegui, voce poderia me dar um exemplo de como ficaria por favor?