Question

我试图在提交表单后立即关闭模式窗口。模态窗口由登录表单组成，它更新php mysql中的数据。除了关闭部分外，一切都很顺利：

    <div id="register"><a data-toggle="modal" href="#RModal" class="btn btn-primary btn-lg">SIGN UP</a></div>
        <!-- Modal -->

                    <h4 class="modal-title">REGISTRATION FORM</h4>
                </div>
            <div class="modal-body">

            <div id="contact_form">  
            <form id="register-form" name="contact" action=""> 
            <fieldset>

                <div class="field_container">&nbsp; &nbsp; &nbsp; Email:</label>
                <input type="text" name="cust_email" id="email"  maxlength="100" onblur="emvalidation()" style="width: 250px; height: 30px"; />

                <div class="field_container">Password:</label>
                <input type='password' name='cust_password' id='password'  maxlength="12" onblur="pwordvalidation()" style="width: 250px; height: 30px"; />


                </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <INPUT class="btn btn-primary" type="submit" name="submit" value="Register" >
            </fieldset>  
            </form>

jquery提交和处理数据：

     $(document).ready(function(){
     $("#register-form").submit(function(){
     var str = $(this).serialize();
      $.ajax(
      {
      type: "POST",
      url: "register_process.php",
      data: str,
      success:function(result)
                {
                $(" #register .modal-body").load('login_succesful.php');
                }
       });
   return false;
   });
   });

提交时不会关闭。（正在处理数据）。此外，当在php中设置会话时，“.message”的内容不会自动出现，但是在刷新之后。

Answer 1

你没有提供太多信息，所以我假设你使用引导程序，我无法看到你告诉模式关闭的任何地方。

您可以在提交表单时以编程方式关闭模式：

 $(document).ready(function(){
 $("#register-form").submit(function(){

 $('#register').modal('hide');

 var str = $(this).serialize();
  $.ajax({
    type: "POST",
    url: "register_process.php",
    data: str,
    success:function(result){
      $(" #register .modal-body").load('login_succesful.php');
    }
  });
  return false;
 });
 });

提交表单后无法关闭模态窗口

1 个答案: