如何从引导程序手动关闭web模式对话框

How to dismiss a web modal dialog from bootstrap manually?

本文关键字：web 模式 对话框 引导程序      更新时间：2023-09-26

我有一个小的表单对话框。用户输入一个名称，如果该名称存在或为空，则会在对话框中引发错误。另一方面，名称被添加到一个数据库中，对话框应该关闭。最后一部分是我不知道怎么做的。

细分如下：

这是对话框中的代码（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>

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

尝试

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

这些文档可能有助于实现更多样的用途。

相关文章：