3

Preciso rodar uma modal para confirmar ao usuário que o cadastro foi realizado com sucesso. O usuário registra os dados utilizando o formulário login.html:

<form id="tab" method="post" action="cadastro.php">
    <label>Nome</label>
    <input type="text" value="" name="nome" class="input-large" required>
    <label>Usuário</label>
    <input type="text" value="" name="login" class="input-large" required>
    <label>E-mail</label>
    <input type="text" value="" name="email" class="input-large" required>
    <label>Senha</label>
    <input type="password" value="" name="senha" class="input-large" required>
    <div>
        <button class="btn btn-primary">Criar Conta</button>
    </div>
</form>

Os dados são enviados para cadastro.php via POST:

<?php
session_start();
$sessao = session_id();
$nome = $_POST['nome'];
$login = $_POST['login'];
$senha = $_POST['senha'];
$email = $_POST['email'];

//Inclui o cadastro no mysql
$sql_inclu = "INSERT INTO user(nome, login, senha, email, sessao) VALUES
('$nome', '$login', '$senha', '$email', '$sessao')";
$exe_inclu = mysql_query($sql_inclu) or die (mysql_error());

$topico = "Suas credenciais no $nome_site";
$mensagem = "<html>";
$mensagem .= "<body>";
$mensagem .= "Olá $nome\r\n";
$mensagem .= "<br>Obrigado por se registrar no $nome_site.</br>";
$mensagem .= "<br>";
$mensagem .= "<br>Segue abaixo suas credenciais:";
$mensagem .=    "<br>Login: $login";
$mensagem .=    "<br>Senha: $senha";
$mensagem .=    "</body>";
$mensagem .=    "</html>";
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
$headers .= "From: $nome_site <$email>\r\n";
//enviar para o email o login, senha
mail($email, $topico, $mensagem, $headers);

header('Location: login.html');

Após a conclusão do cadastro, header retorna o usuário para login.html, no qual a modal abaixo deveria ser disparada:

<div id="myModa3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">OK!</h3>
    </div>
    <div class="modal-body"><p>Cadastro realizado com sucesso!</p>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Fechar</button>
        </div>
    </div>
</div>

Como devo proceder para que essa modal possa ser disparada quando do carregamento de login.html logo após a efetivação do cadastro?

1 Resposta 1

2

Voce pode tirar a classe hide de sua div pois ele ja é escondido por padrão e deixar somente as classes modal e fade

<div id="myModa3" class="modal fade" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">

E adicionar esse código em javascript pra chamar o modal

$(document).ready(function() {
    $('#myModa3').modal();
});
1

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 .