Question

我对codeigniter很新。

这是我的问题。当我加载我的MODAL LOGIN表单并按下提交按钮。它不会做任何事情。我想要发生的只是去看这4个观点（学生，教师，顾问，管理员）页面。我现在不想传递价值。只关注切换视图。

index.php（模态部分）

<!-- Modal Log in Form-->

  <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header" style="padding:35px 50px;">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4><span class="glyphicon glyphicon-lock"></span> Login</h4>
            </div>
            <div class="modal-body" style="padding:40px 50px;">
               <form action="" method="POST" id="form" role="form">
                <div class="form-group">
                  <label for="usrname"><span class="glyphicon glyphicon-user"></span> Username</label>
                  <input type="text" class="form-control" id="usrname" placeholder="Enter id no.">
                </div>
                <div class="form-group">
                  <label for="psw"><span class="glyphicon glyphicon-eye-open"></span> Password</label>
                  <input type="text" class="form-control" id="psw" placeholder="Enter password">
                </div>
                <div class="checkbox">
                  <label><input type="checkbox" value="" checked>Remember me</label>
                </div>
                  <input type="Submit" value="LOG IN" class="btn btn-success btn-block">
              </form>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>
              <p>Not a member? <a href="#">Sign Up</a></p>
              <p>Forgot <a href="#">Password?</a></p>
            </div>
          </div>
</div>

我没有对这个动作做任何事情=＆＃34;＆＃34;。因此（动态）当用户想要以学生身份登录他/她进入学生页面时。或者作为管理员，他/她进入管理页面。等等。

freelancer.js

  $(document).ready(function(){
            $("#myBtn").click(function(){
                $("#myModal").modal();
                document.getElementById("form").action ="<?php echo base_url().'index.php/logbooks/studentsignin'?>";
            });
        });

        $(document).ready(function(){
            $("#myBtn2").click(function(){
                $("#myModal").modal();
                document.getElementById("form").action ="<?php echo base_url().'index.php/logbooks/instructorsignin'?>";
            });
        });

        $(document).ready(function(){
            $("#myBtn3").click(function(){
                $("#myModal").modal();
                document.getElementById("form").action ="<?php echo base_url().'index.php/logbooks/advisersignin'?>";
            });
        });

        $(document).ready(function(){
            $("#myBtn4").click(function(){
                $("#myModal").modal();
                document.getElementById("form").action ="<?php echo base_url().'index.php/logbooks/adminsignin'?>";
            });
        });

logbooks.php（来自控制器）

  class logbooks extends CI_Controller{

  function __construct(){
              parent::__construct();
  }

  function studentsignin(){
              $this->load->view('student_view');
  }

 function instructorsignin(){
              $this->load->view('instructor_view');
  }

  function advisersignin(){
              $this->load->view('adviser_view');
  }

  function adminsignin(){
              $this->load->view('admin_view');
  }

}

但是如果我只是在浏览器中输入例如http://localhost/WEB/index.php/logbooks/studentsignin的相对路径。我可以查看学生页面。

请帮忙。我不知道如何解决这个问题。

Answer 1

将提交按钮更改为按钮。

在设置“表单操作”之后的点击事件中，您也可以使用此功能：

$(document).ready(function(){
   $("#myBtn4").click(function(){
      $("#myModal").modal();
      $("#form").attr('action',"<?php echo base_url('index.php/logbooks/adminsignin')?> ";
      });
   $("#form").submit();
});

重点是使用$("#form").submit();

我希望它对你有用。

Bootstrap Modal Form不适用于CodeIgniter

1 个答案: