Jquery não executa na id da div

[Wagner Martins Bodyboard 0]

Estou com um problema no meu jquery que não mostra o resultado dentro da id da div, ele redireciona a página para a url: 'email_planejamento.php', as informações do form vem certinho.

$(document).ready(function () {
    $('#reg-form_planejamento input[type="submit"]')
            e.preventDefault(); 
var form = $('#reg-form_planejamento');
            $.ajax({
                url: 'email_planejamento.php',
                type: 'POST',
                data: form.serialize() 
            })
            .done(function(data){
                $('#form-content_2').fadeOut('slow', function(){
                    $('#form-content_2').fadeIn('slow').html(data);
                });
            })
            .fail(function(){
                alert('Ajax Submit Failed ...');    
            });
});

forumulario html

<form action="email_planejamento.php" id="reg-form_planejamento" method="post" class="wpcf7-form" novalidate>

<div class="digite_email_terceirizacao corrigir80">
<span class="wpcf7-form-control-wrap email"><input type="text" name="email_form_planejamento" id="email_form_planejamento" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Digite seu e-mail"></span>
</div>
<div class="assinar_marketing34">
<input style="background:#f05a29!important" onclick="pipz.track('VER UM EXEMPLO DE SUCESSO - Planejamento Estratégico - Home',{button:'Ver exemplo de sucesso'})" type="submit" value="VER UM EXEMPLO DE SUCESSO" class="wpcf7-form-control wpcf7-submit"><span class="ajax-loader"></span>
</div>
<div class="wpcf7-response-output wpcf7-display-none"></div></form>

 

[William Bruno 1501]

Está incorreto.

troque:

$('#reg-form_planejamento input[type="submit"]')
            e.preventDefault(); 

por

 

$('#reg-form_planejamento input[type="submit"]').on('submit', function(e) {
        e.preventDefault(); 

e acompanhe no console de erros (ctrl + shift +j) do firefox ou chrome.

[Klawztro 3]

50 minutos atrás, William Bruno disse:

Está incorreto.

troque:

$('#reg-form_planejamento input[type="submit"]')
            e.preventDefault(); 

por

 

$('#reg-form_planejamento input[type="submit"]', function(e)
            e.preventDefault(); 

e acompanhe no console de erros (ctrl + shift +j) do firefox ou chrome.

Não seria o submit sem aspas nem aspas duplas, apenas submit?

[Wagner Martins Bodyboard 0]

está dando erro no javascript

 

[William Bruno 1501]

Errei também.. =/ haha malz.. fica assim:

$(document).ready(function () {
    $('#reg-form_planejamento input[type="submit"]').on('submit', function(e) {
        e.preventDefault(); 
        var form = $('#reg-form_planejamento');
        $.ajax({
            url: 'email_planejamento.php',
            type: 'POST',
            data: form.serialize() 
        })
        .done(function(data){
            $('#form-content_2').fadeOut('slow', function(){
                $('#form-content_2').fadeIn('slow').html(data);
            });
        })
        .fail(function(){
            alert('Ajax Submit Failed ...');    
        });
    });
});