Tenho um form
que faz um cálculo, insere no banco e retorna o valor através de um alert
.
Gostaria de substituir ess mensagem de alert
por um modal
.
HTML
<form method="post" action="#">
<input type="hidden" name="acao" id="acao" value="cadastrar"/>
<input type="text" name="alt" id="altura" required><br><br>
<input type="text" name="peso" id="peso" required><br><br>
PHP
function calcularIMC($altura,$peso){
$imc = 0;
if($altura >0 && $peso >0){
$imc = $peso / ($altura * $altura);
}
echo '<script>';
echo 'alert("'.$imc.'");';
echo '</script>';
}
Tentei fazer da seguinte maneira:
- Adicionei o código php
depois da tag </html>
;
- Adicionei a váriável responsável pelo cálculo: $imc
;
- Linkei o botão de Enviar
com o modal
.
<form method="post" action="#">
<input type="hidden" name="acao" id="acao" value="cadastrar"/>
<input type="text" name="alt" id="altura" required><br><br>
<input type="text" name="peso" id="peso" required><br><br>
<button type="submit" id="Enviar" data-toggle="modal" data-target="#myModal">Enviar</button>
</form>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<?php echo'.$imc.';?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</body>
</html>
PHP
<?php
function calcularIMC($altura,$peso){
$imc = 0;
if($altura >0 && $peso >0){
$imc = $peso / ($altura * $altura);
}
return $imc;
}
?>
Com isso, quando eu clico no botão Enviar
(com todos os campos vazios), ele abre o modal e exibe o '.$imc.'
como String.
Quando eu insiro os dados e clico no botão Enviar
a janela fica opaca (início do efeito do modal) e rapidamente volta ao normal. Creio que o modal
esteja sendo chamado, mas em algum trecho ele buga e fecha.
Como posso resolver isso?