2016-03-06 19 views
-1

我想创建一个模块,学生必须提供他/她的学生ID,密码和电子邮件以验证其帐户。如果用户输入正确的ID,密码和电子邮件,则必须出现将设置其密码的模式。有没有什么办法可以将触发器在CodeIgniter的控制器函数中切换Bootstrap模态?

查看

<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,但我失败了。请赐教。任何帮助将不胜感激。 :)

回答

0

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

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

就是这样。查看jQuery文档以获取更多信息

相关问题