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