0

Preciso abrir um modal depois que acontecer um submit em um determinado botão, queria saber se tem algum evento para isso, alguma coisa tipo pós submit.

2
  • Quando faz o submit a página faz refresh certo?
    – Miguel
    7/12/2016 às 16:53
  • Aham, esse refresh não esta deixando o meu modal abrir. 7/12/2016 às 16:54

2 Respostas 2

2

Aparentemente você esta usando jQuery ai é so usar o event.preventDefault()

algo como

$('#meuform').on('submit', function(event){
    event.preventDefault();
    //abre a modal aqui
});

Isso vai impedir a ação default do evento, no caso, envio(submit) do form, e vai permitir abrir sua modal.

Como efeito colateral o envio dos dados vai ter que ser feito via ajax.

Existe uma "gambiarra" que dependendo do que você precisa pode funcionar. Consiste em dar um return falseao inves de usar o preventDefault(), normalmente uso para fazer algum tipo de validacao via js antes do envio.

$('#meuform').on('submit', function(event){
    if(!validaForm()){
        //abre a modal aqui
        return false;
    }
});
4
  • Eu queria a junção das duas coisas, eu preciso do submit sem dar um refresh na página, se possível sem usar o ajax. 7/12/2016 às 17:03
  • O proposito do submit é justamente esse, enviar/redrecionar para um endereço, especificado no atributo action, os dados do formulario, quando não define um action o navegador supoem que é a pagina atual, por isso o refresh. Então não, não existe, que eu saiba, um submit sem refresh da pagina. 7/12/2016 às 17:07
  • Entendi a sua lógica. 7/12/2016 às 17:09
  • da uma olhada de novo editei a resposta, dependendo do que precisar pode dar um return false, nao sei se é o caso mas vai que... 7/12/2016 às 17:13
1

Uma opção é prevenir que a página seja recarregada usando event.preventDefault:

$( "#form" ).submit(function( event ) {
  event.preventDefault();
  $( "#dialog" ).show();
});
2
  • 1
    Quaseee cara, o problema que agora o submit com o novo Id não acontece, acho que só com ajax mesmo né. 7/12/2016 às 17:00
  • Sim, é o mais adequado. Você pode fazer o POST por ajax e serializar os dados no envio.
    – BrTkCa
    7/12/2016 às 17:03

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .