Skip to main content
adicionou 386 caracteres ao conteúdo
Fonte Link
Neuber Oliveira
  • 2,5mil
  • 9
  • 17

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;
    }
});

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.

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;
    }
});
Fonte Link
Neuber Oliveira
  • 2,5mil
  • 9
  • 17

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.