Divs e Jquery

[Ricardo Constanzo 0]

Ola amigos, estou com um problema aqui, estou começando no jquery e, estou com um pequeno problema.

 

primeiramente estou com dois arquivos: o index.html e function_query.js.

 

no index.html eu tenho duas divs, uma que contem o menu(com id="menu") e a outra do lado(com id = conteudo), quando o usuario clicar no menu, vai aparecer na div conteudo.

 

Entao eu fiz um arquivo js com as funcoes:

 

function_query.js

 

$(document).ready(function(){
    $('#menu').click(function(){
        $.ajax({
            url         :       'cadastro.php',
            type        :       'POST',
            dataType    :       'html',
            data        :       'param='+1,

            success     :       function(texto){
                $('#conteudo').html(texto);
            }
        });
    });

Essa parte de cima, é quando eu clico no menu para a pagina cadastro.php aparecer na div conteudo. Até ai tudo bem

 

 

 

$('#botao').click(function(){
        
        var nome        =       $('#nome').val();
        var logradouro  =       $('#logradouro').val();
        var data_nasc   =       $('#data_nasc').val();
        var numero      =       $('#numero').val();
        var cep         =       $('#cep').val();
        var cpf         =       $('#cpf').val();
        
        if(nome == "" || nome == null){
            alert("Por favor, informe o nome do cliente.");
            return;
        }

        if(logradouro == "" || logradouro == null){
            alert("Por favor, informe o logradouro do cliente.");
            return;
        }

        if(data_nasc == "" || data_nasc == null){
            alert("Por favor, informe a data de nascimento do cliente.");
            return;
        }

        if(numero == "" || numero == null){
            alert("Por favor, informe o numero da residencia do cliente.");
            return;
        }

        if(cep == "" || cep == null){
            alert("Por favor, informe o cep da residencia do cliente.");
            return;
        }

        if(cpf == "" || cpf == null){
            alert("Por favor, informe o cpf do cliente.");
            return;
        }

        var param = "&nome="+nome+"&logradouro="+logradouro+"&data_nasc="+data_nasc+"&numero="+numero;
            param += "&cep="+cep+"&cpf="+cpf;

        $.ajax({
            url         :       'cadastra_cliente.php',
            dataType    :       'xml',
            type        :       'POST',
            data        :       param,

           success      :       function(xml){
               $(xml).find('resultado').each(function(){

                   var mensagem       =       $(this).find('mensagem').text();

                   alert(mensagem);

                   $('.texto').each(function(){
                      $('.texto').val("") ;
                   });
               });
           }
        });
    });

    $('#data_nasc').mask('99/99/9999');
    $('#cep').mask('99999-999');
    $('#cpf').mask('999.999.999-99'); 

});

Mas quando aparece o cadastro.php e eu aperto o botao (id="botao") para cadastrar o usuario, no mozilla ele nao consegue chegar nesse funcao, ou seja, nao consegue cadastrar, no ie beleza, eu consigu cadastrar,

mas no mozilla eu nao consigu cadastrar nenhum usuario com esse funcao.

 

alguem pode me ajudar?

[Henrique Barcelos 290]

Se for um form, use o evento submit:

$('#ID DO FORM').submit(function(){
        
        var nome        =       $('#nome').val();
        var logradouro  =       $('#logradouro').val();
        var data_nasc   =       $('#data_nasc').val();
        var numero      =       $('#numero').val();
        var cep         =       $('#cep').val();
        var cpf         =       $('#cpf').val();
        
        if(nome == "" || nome == null){
            alert("Por favor, informe o nome do cliente.");
            return false;
        }

        if(logradouro == "" || logradouro == null){
            alert("Por favor, informe o logradouro do cliente.");
            return false;
        }

        if(data_nasc == "" || data_nasc == null){
            alert("Por favor, informe a data de nascimento do cliente.");
            return false;
        }

        if(numero == "" || numero == null){
            alert("Por favor, informe o numero da residencia do cliente.");
            return false;
        }

        if(cep == "" || cep == null){
            alert("Por favor, informe o cep da residencia do cliente.");
            return false;
        }

        if(cpf == "" || cpf == null){
            alert("Por favor, informe o cpf do cliente.");
            return false;
        }

        var param = "&nome="+nome+"&logradouro="+logradouro+"&data_nasc="+data_nasc+"&numero="+numero;
            param += "&cep="+cep+"&cpf="+cpf;

        $.ajax({
            url         :       'cadastra_cliente.php',
            dataType    :       'xml',
            type        :       'POST',
            data        :       param,

           success      :       function(xml){
               $(xml).find('resultado').each(function(){

                   var mensagem       =       $(this).find('mensagem').text();

                   alert(mensagem);

                   $('.texto').each(function(){
                      $('.texto').val("") ;
                   });
               });
           }
        });
    });

    $('#data_nasc').mask('99/99/9999');
    $('#cep').mask('99999-999');
    $('#cpf').mask('999.999.999-99'); 
    
    //impede o envio "normal" do formulário
    return false;

});

Caso ainda não tenha sucesso, verifique o Console de Erros do Firefox (Ctrl+Shift+J)...

 

Eu não uso a parte de Ajax da jQuery, desenvolvi minha própria classe, chamada myAjax, q você pode encontrar aqui: http://forum.imasters.com.br/public/style_emoticons/default/seta.gifClasse myAjax

 

Tem alguns exemplos de uso.