Olá pessoal, eu estou tentando fazer um formulário de fale conosco, utilizando bootstrap. Comecei esses tempos atrás a mexer com esse framework, não entendo muita coisa ainda, mas a minha dúvida é a seguinte:
Como eu posso fazer para que a janela MODAL apareça APENAS se tal condição for aceita?
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Informação</h3>
</div>
<div class="modal-body">
<p>Preencha todos os Campos!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
</div>
<!-- FIM Modal -->
<script>
function Salvar(pagina)
{
var nome = formulario.nome.value;
var email = formulario.email.value;
var assunto = formulario.assunto.value;
var mensagem = formulario.mensagem.value;
if(nome == "" || email == "" || assunto == "" || mensagem == "")
{
$('myModal').modal('show');
return false;
}
else
{
document.formulario.action = pagina
document.formulario.submit();
}
}
</script>
O BOTÃO
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal" onClick="Salvar('faleconosco2.php');">Salvar</button>
Só que independente de eu mostrar o modal ou não, quando eu clico no botão ele aparece. Como eu poderia fazer ele aparecer SOMENTE dentro da condição?