javascript - 如何手动从 Bootstrap 中关闭 Web 模式对话框？

Question

我有一个小型对话框。用户输入一个名称，如果该名称存在或为空，则对话框中会抛出错误。否则，该名称将添加到数据库中，并且该对话框应该关闭。最后一部分是我不知道该怎么做。

具体情况如下:

这是对话框中的代码 (html+bootstrap)。

  <div class="modal fade" id="modal_new_project" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title" id="myModalLabel">Nuevo proyecto</h4>
    </div>
      <div class="modal-body">
        <form action="" method="post" name="newprojform" class="form">
          <div class="form-group">
        <label for="projname" class="control-label col-xs-4">Nombre</label>
          <input type="text" class="form-control" id="projname" name="projname">
          <h3><label id="projname_status" class="label label-danger"></label></h3>
          </div>              
          <button type="button" name="verifyproject" class="btn btn-primary" onclick="errorInProyect('apretado')">Crear nuevo proyecto</button>       
        </form>
      </div>
    <div class="modal-footer">        
    </div>
  </div>
</div>
  </div> 

这会调用 javascript 函数:

  <script>
function errorInProyect(err){
    if (document.getElementById("projname").value == ""){
      document.getElementById("projname_status").innerHTML =  "El nombre del proyecto no puede estar vacio";
    }
    else{
    var pname = document.getElementById("projname").value;
    jQuery.ajax({
        type: "POST",
        url: 'addproject.php',
        dataType: 'json',
        data: {functionname: 'check_for_existing_project', args: [pname]},
        success: function (obj) {
              if (obj.error != ""){
                document.getElementById("projname_status").innerHTML = obj.error;
              }
              else{
                //CLOSE DIALOG
              }
            }
    });
    }
}
  </script>

我需要知道如何在没有问题的情况下关闭对话框

Answer 1

尝试

$("#modal_new_project").modal('hide');

documentation可能有助于更多不同的用途。