繁体   English   中英

有什么方法可以在 CodeIgniter 的控制器函数中放置触发器来切换 Bootstrap 模式?

[英]Is there any way I can put a trigger to toggle Bootstrap modal inside a controller function in CodeIgniter?

我想创建一个模块,学生必须提供他/她的学生 ID、密码和电子邮件来验证他/她的帐户。 如果用户输入了正确的 id、pin 和电子邮件,则必须出现一个设置他/她的密码的模式。

看法

<form method="post" action="<?php echo site_url('mycontroller/validateStud');?>" name="formvalidate">
  <div class="form-group">
    <input type="text" class="form-control" name="idnum" placeholder="ID Number"/>
    <br>
    <input type="email" class="form-control" name="mail" placeholder="Student Email"/>
    <br>
    <input type="password" class="form-control" name="pin" placeholder="Student PIN"/>
    <br>
    <button type="submit" class="btn btn-primary" style="width: 100%;" onclick="" name="submit2" value="<?php echo $this->uri->uri_string(); ?>" id="validated">Validate</button>
  </div>
 </form>

 <div id="myModal" class="modal fade" role="dialog">
   <div class="modal-dialog">
   <div class="modal-content">
   <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Modal Header</h4>
   </div>
   <div class="modal-body">
    <p>Some text in the modal.</p>
   </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>

控制器mycontroller.php

public function validateStud()
{
  $submit=$this->input->post('submit2');
  $studentId=$this->input->post('idnum');
  $saispin=$this->input->post('pin');
  $mail=$this->input->post('mail');

  $res=$this->mymodel->checkValidation($studentId, $pin, $mail);
  if (isset($_POST['submit2']) && $res) { //if the three inputs matched with a student record
   //Open MyModal that will set account password
  }
  else if(isset($_POST['submit2']) && !$res)
  {
    //No record found
  }
  else
  {
    redirect('index', true);
  }
}

我试过 javascript,但我失败了。 请赐教。 任何帮助将不胜感激。 :)

最好使用 ajax 将值发布到服务器,以便您可以在成功回调中触发模式打开。 这样,如果失败,您也可以触发它以不同的消息打开。 会更干净。

$.ajax({
    url: '',
    type: '',
    data: {},
    success: function(){},
    error: function(){}
});

像这样的东西。 查看 jQuery 文档以获取更多信息

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM