Como fazer aparecer Janela Modal Dentro de uma Condição

[Matheus Bispo 1]

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?

[Matheus Bispo 1]

Olá pessoal, estava doido atrás desta resposta, depois vi uma vídeo aula e consegui descobrir.

 

A resposta é até simples, foi só colocar esse comando

 

$(document).ready(function()
         {
            $("#myModal").modal("show");
         });

 

DENTRO DA CONDIÇÃO que eu desejo que seja exibida o modal, e retirar da linha do button esse comando 

data-toggle="modal" data-target="#myModal" 

 

Obrigado !!

[Emilio Saymon 0]

Em 15/02/2018 at 16:26, Matheus Bispo disse:

depois vi uma vídeo aula e consegui descobrir.

aonde você achou esse video manda o link