mandar um comentário via ajax e php sem refresh

[Alexander Vianna 0]

<!-- HTML -->

<form id="contact-form6" class="formomularioGeral" action="" method="post">

<textarea class="textareaComentario" name="textareaComentario" placeholder="Deixe aqui o seu comentário sobre esta matéria"></textarea>

<input type="hidden" class="idBase" name="idBase" value="<?php echo $base_id ?>">

<button class="btnComentario" type="submit">enviar</button>

<span class="btnComentario comentarioEnviado" style="display: none">seu comentário foi enviado com sucesso</span>

</form><!--formComentarios-->

<!-- JS -->

// Ajax Adicionar Comentario

$('#contact-form6').validate({

ignore: [], rules: {

textareaComentario: {minlength: 2, required: true},

selecMotivo: {required: true}

},

highlight: function (element) {

$(element).closest('.textareaComentario').removeClass('success').addClass('error');

},

success: function (element) {

element.text('').addClass('valid')

.closest('.textareaComentario').removeClass('error').addClass('success');

},

submitHandler: function(form) {

comentario = $('.textareaComentario').val();

idBase = $('.idBase').val();

var dados = $(form).serialize();

$(".btnComentario").hide(0);

$('.textareaComentario').prop('disabled', true).css("cursor","no-drop");

$(".comentarioEnviado").css({'display' : 'block'}).show(10000);

setTimeout(function() {

$('.comentarioEnviado').css({'display' : 'none'}).hide(0);

$(".textareaComentario").val("");

$("button.btnComentario").show(2000);

$('.textareaComentario').prop('disabled', false).css("cursor","default");

}, 10000);

$(form).ajaxSubmit({

type : 'POST',

url: "../../async/postComment",

data: {'baseId' : idBase , 'cmt' : comentario},

dataType : 'json'

})

.done(function(data) {

if(data.status){

console.log(data.html);

$('.textareaComentario').html(data.html);

}else{

//ERRO NO AJAX

}

alert(data.msg);

});

}

});

 

 

Meu problema ta no refresh que ele dá na tela, a validação tá ok, alteração de botoes ok , só que continua dando refresh na tela.

Alguém ode me ajuda.

obs: sou novo nessa área de JS

Resolvido !

[Mário Monteiro 179]

Resolvido !