abrir lightbox no action do form....please!

[gabriel-cap 0]

Alguêm pode ajudar por favor?

 

Quando clico no input submit não quero que seja aberto uma nova página mas sim que seja aberto um lightbox. Eu já estou utilizando um plugin jQuery para mostrar o lightbox e tudo mais, já testei ele em outros objetos e está funcionando tudo certinho.

 

Minha dúvida é como ajeitar o código para que o form envie os dados para o servidor e ao mesmo tempo abra o lightbox que eu quero, pq é isso que não estou conseguindo fazer.

 

Só para completar, meu é um ecommerce e é uma pagina de cadastro de produto e no lightbox deve aparecer quando clica em Salvar o produto "Produto salvo com sucesso"

 

Muito obrigado!

[kikombat 16]

Os dados chegam no servidor?

Caso sim então faça o seguinte:

    $(document).on('submit', '#meuForm', function (e) {
        e.preventDefault();
        var dados = $(this).serialize();//dados do form     
        $.ajax({data: {k: $(this).attr('action'), dados: dados},
            success: function (res) {
               /* a variável res contem a saída de texto gerada no servidor,
exemplo: se gravou no banco corretamente você retorna 1, caso contrário retorna 0.
Adicione o código para abrir seu lightbox usando esse critério*/
            },
            complete: function () {
               /*alguma outra ação que pretenda fazer*/
            }
        });
    });

[gabriel-cap 0]

 

Os dados chegam no servidor?

Caso sim então faça o seguinte:

    $(document).on('submit', '#meuForm', function (e) {
        e.preventDefault();
        var dados = $(this).serialize();//dados do form     
        $.ajax({data: {k: $(this).attr('action'), dados: dados},
            success: function (res) {
               /* a variável res contem a saída de texto gerada no servidor,
exemplo: se gravou no banco corretamente você retorna 1, caso contrário retorna 0.
Adicione o código para abrir seu lightbox usando esse critério*/
            },
            complete: function () {
               /*alguma outra ação que pretenda fazer*/
            }
        });
    });

 

kikombat eu não entendi muito bem, poderia me detalhar um pouco melhor por favor? também mostrar como faria no meu html? Ainda sou bem iniciante em JS.

 

 

Muito obrigado desde já.

[kikombat 16]

Nos mostre as partes de seu código relacionadas ao problema, Arquivos php, javascript e html.

Fica meio vago você explicar o problema sem sabermos como estão seus códigos.

[gabriel-cap 0]

SE

 

Nos mostre as partes de seu código relacionadas ao problema, Arquivos php, javascript e html.

Fica meio vago você explicar o problema sem sabermos como estão seus códigos.

 

Segue:

 

HTML:

 

<form id="cadastro-prod" action="produto-sucesso.php" method="POST" >

<div class="col-md-12 codigo">
<label for="code" class="col-md-1">Código: </label>
<input type="text" name="code" id="code" class="col-md-1" readonly="readonly">
</div>

<div class="col-md-12 title-product">
<label for="titulo" class="col-md-1 col-sm-12">Título Produto: </label>
<input type="text" name="titulo" id="titulo" class="col-md-11 col-sm-12" id="titulo">
</div>

<input type="submit" name="botao-salvar" class="col-md-1 btn btn-primary" id="botao-salvar" value="Salvar Produto">

</form>

 

PHP:

 

$dbhost = 'localhost'; // endereco do servidor de banco de dados

$dbuser = 'root'; // login do banco de dados
$dbpass = 'root'; // senha
$dbname = 'cadastro'; // nome do banco de dados a ser usado

$conecta = mysql_connect($dbhost, $dbuser, $dbpass, $dbname);
$seleciona = mysql_select_db($dbname);

 

//DADOS

$codigo = $_POST ["code"];
$titulo = $_POST ["titulo"];

 

$sqlinsert = "INSERT INTO produtos (codigo, titulo,) VALUES ('$codigo', '$titulo');

 

O Javascript eu nao vou postar pois não sei o que fazer nele.