在表单提交表单后显示成功弹出窗口?

时间:2016-09-16 12:56:04

标签: javascript php jquery css codeigniter

这里我在codeigniter视图页面中添加了一个带有数据模型的表单

<a class="handCursor "  href="javascript:void(0)" id="franchise">Franchisee </a>
<!-- Modal -->
<div class="modal fade" id="franchisee_signup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <form action="<?php echo base_url();?>general/general_form" method="POST" name="signup">
            <div class="modal-header bg-primary">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
               <h4 class="modal-title" id="myModalLabel"><i class="fa fa-desktop"></i> Request For Franchisee Program</h4>
            </div>
            <div style="clear: both;"></div>
            <div class="modal-body clearfix">
               <div class="bk_lft" style="width:100%;">
                  <div class="bk_gr" style="width:100% !important">
                     <div class="contact_form2">
                        <div class="bk_roominfo">
                           <div class="clearfix"></div>
                           <div class="frm_clmn">
                              <label>First Name: <em style="color:#F00;">*</em></label>
                              <input name="first_name" id="txt_name" type="text">
                              <input name="form_type" id="company_name" type="hidden" value="franchise">
                           </div>
                           <div class="frm_clmn1">
                              <label>Last Name: <em style="color:#F00;">*</em></label>
                              <input name="last_name" id="txt_lname" type="text">
                           </div>
                           <div class="frm_clmn">
                              <label>Phone: <em style="color:#F00;">*</em></label>
                              <input name="mobile" id="txt_mobile" type="text">
                           </div>
                           <div class="frm_clmn1">
                              <label>Email: <em style="color:#F00;">*</em></label>
                              <input name="email" id="txt_email" type="text">
                           </div>
                           <div class="frm_clmn1" style="width:100%;">
                              <label>Message:<em style="color:#F00;">*</em></label>
                              <textarea name="message" id="txt_message" cols="" rows="" style="resize:none;"></textarea>
                           </div>
                           <div class="bk_bt" style="float:left; margin-top:12px;">
                              <button type="submit" name="send_contact_enq" id="send_contact_enq" value="Continue" style="float:left;">Send</button>
                           </div>
                        </div>
                     </div>
                     <div class="clearfix"></div>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>

这是表单,我们在控制器中添加插入查询

public function general_form()
{
    $post = $this->input->post();
    unset($post['send_contact_enq']);
    $insert_id = $this->custom_db->insert_record('corporate_form_reqlist',$post);
    redirect(base_url()."general/index");
}

在插入db时提交表单后,我们会重定向到首页。我们需要在从控制器重定向之前有可能在关闭弹出消息重定向后显示成功弹出窗口。

我们尝试了所有我知道的逻辑,但没有得到正确的答案

3 个答案:

答案 0 :(得分:0)

尝试传递一些值作为参数,并通过检查重定向页面中的成功消息。

twitter:description

和一般/索引文件

 redirect(base_url()."general/index?status=success");

答案 1 :(得分:0)

您可以为表单使用ajax函数,该函数将数据发送到PHP以执行general_form任务而无需重定向。如果成功地将记录插入到db并且javascript然后触发alert()或prompt()和windows.location =“你的重定向链接”

,则PHP返回true

答案 2 :(得分:0)

if($insert_id=='success'){//change success based on the returned value of the model
    echo "<script>
        alert('Success');
        window.location.href='".base_url('general/index')."';
        </script>";
}