Boa tarde, tenho um formulário e quero que quando o botão de submit
seja clicado ele não recarregue a página para o envio do post coloquei o return false;
na função submit
do jQuery
mas não rolou...
$("#form-anuncio-edita-texto").submit(function () {
if ($("#edita-anuncio-texto").val() !== "") {
var formData = new FormData(this);
$("#page-load").toggleClass('sk-loading');
$("#anuncio-edita-text-alert").hide();
$('#modal-anuncios-3').modal('toggle');
var request = $.ajax({
url: "modulos/paginas/" + identificador + "/process/updateMedia.php",
method: "POST",
data: formData
});
request.done(function (data) {
$("#page-load").toggleClass('sk-loading');
alert(data);
});
request.fail(function () {
$("#page-load").toggleClass('sk-loading');
toastNotification("<a href='index.php'>A página não pode ser carregada, se este erro persistir sujerimos que atualize a página ou clique <strong>AQUI</strong> e tente novamente.</a>", "Erro no Carregamento...", 15000, "error");
});
} else {
$("#anuncio-edita-text-alert").show();
}
return false;
});
Quando o campo está vazio ele entra no else
e a página não recarrega, mas quando eu informo qualquer valor ele recarrega.
ATENÇÃO: Esse exemplo é com um campo de texto que seria facilmente resolvido utilizando a função click
do jQuery
armazenando o conteúdo numa var
e colocando ela no data: {texto: vartexto}
, mas não posso utiliza-la pois nesse formulário tem um campo FILE
onde eu vou mandar um arquivo via AJAX.