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可能有助于提供更多不同的用途。

如何手动解除引导程序中的Web模式对话框？

1 个答案: