表单提交后无法关闭模式窗口 - unable to close modal window once form submitted

unable to close modal window once form submitted

本文关键字：模式窗口表单提交 | 更新日期: 2023-09-27

我正在尝试在表单提交后立即关闭模式窗口。modal窗口由一个登录表单组成，该表单更新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"的内容不会自动显示，而是在刷新后显示。

您没有提供太多信息，所以我假设您使用bootstrap，并且我看不到您要关闭模态的任何地方。

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

 $(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;
 });
 });