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 Respostas
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 false
ao 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;
}
});
-
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. Commented 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 umaction
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. Commented 7/12/2016 às 17:07 -
-
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... Commented 7/12/2016 às 17:13
Uma opção é prevenir que a página seja recarregada usando event.preventDefault
:
$( "#form" ).submit(function( event ) {
event.preventDefault();
$( "#dialog" ).show();
});
-
1Quaseee cara, o problema que agora o submit com o novo Id não acontece, acho que só com ajax mesmo né. Commented 7/12/2016 às 17:00
-
Sim, é o mais adequado. Você pode fazer o POST por ajax e serializar os dados no envio.– BrTkCaCommented 7/12/2016 às 17:03