【问题标题】:Submitting form via bootstrap modal and codeigniter automatically closes通过引导模式和 codeigniter 提交表单自动关闭
【发布时间】:2016-07-13 14:40:42
【问题描述】:

刚开始编码;使用 codeigniter 和引导程序。我正在尝试通过带有是或否按钮的简单模式提交表单。但是,当我单击视图中的按钮时,模式开始打开并立即关闭。数据正在发布到数据库,但我希望用户先单击是或否框。

这是我的控制器:

function skatersuccess(){
    if (!$this->ion_auth->is_admin())
    {
        $this->session->set_flashdata('message', '<div class="alert alert-info" role="alert">You must be an admin to view this page</div>');
        redirect('/');
    }

    $event_id = $this->input->post('event_id');
    $user_id = $this->input->post('user_id');

    $user_data = array(
            'id'    => 'null',
            'user_id' => $user_id,
            'event_id' => $event_id,
            'is_paid' => 1
        );

    $this->user_event_model->registerskater($user_data);
    redirect('/dashboard/','refresh');
    }

这是我的模型:

public function registerskater($user_data) {
        $this->load->database('hockey');
        $this->db->insert('users_events', $user_data);
    }

这是主视图按钮代码(这会加载弹出模式:

<?php if (($e->user_registered == 1)) : ?>
  <?php $this->load->view('admin/partial/skater_cancel', $e) ?>
  <?php elseif (($e->capacity == $e->registered)): ?>
  <button type="button" class="btn btn-danger btn-block">FULL</button>
  <?php else: ?>
  <?php $this->load->view('admin/partial/skater', $e) ?>
  <?php endif; ?>

这是弹出模式视图:

    <form action="dashboard/skatersuccess" name="" id="login-form" class="form-horizontal" enctype="multipart/form-data" method="POST">

    <button class="btn btn-primary btn-block" data-title="Delete" data-toggle="modal" data-target="#delete" >SIGN UP AS SKATER</button></p></td

    <!--Pop Up Dialog-->
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true">    </span></button>
    <h4 class="modal-title custom_align" id="Heading">Signup for Game?</h4>
    </div>
    <div class="modal-body">

    <div class="alert alert-danger"><span class="glyphicon glyphicon-warning-sign"></span>Are you sure you want to sign up for game?</div>

    </div>
    <div class="modal-footer ">



    <button type="button" id="btnYES" href="#" name="submit" class="btn btn-success"><span class="glyphicon glyphicon-ok-sign"></span> Yes</button>

    <input id="event_id" type="hidden" class="form-control" name="event_id" value="<?php echo $id; ?>" placeholder="event_id">
        <input id="user_id" type="hidden" class="form-control" name="user_id" value="<?php echo $this->session->userdata('user_id'); ?>" placeholder="user_id">

    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> No</button>
    </div>
    </div>
    <!-- /.modal-content --> 
    </div>
    <!-- /.modal-dialog --> 
    </div>


</form>

【问题讨论】:

    标签: javascript php jquery twitter-bootstrap codeigniter


    【解决方案1】:

    这是因为按钮位于一个表单中,该表单暂时只是获取同一页面。

    用这个替换你的按钮

    <button type="button" class="btn btn-primary btn-block" data-title="Delete" data-toggle="modal" data-target="#delete" >
        SIGN UP AS SKATER
    </button>
    

    【讨论】:

    • 请始终通过提供一些 cmets 来回应答案,或者,如果对您有帮助,请将其标记为绿色并点赞,这是感谢所有程序员的最佳方式
    猜你喜欢
    • 2021-08-02
    • 1970-01-01
    • 2016-02-02
    • 2014-06-22
    • 1970-01-01
    • 1970-01-01
    • 2021-12-23
    • 1970-01-01
    • 2018-10-26
    相关资源
    最近更新 更多