Bootstrap Modal Form не работает с CodeIgniter

Question

Я очень новичок в кодеригере.

вот моя проблема. когда я загружаю свою форму 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> 

Я ничего не положить на это действие = "". из-за этого. (чтобы быть динамичным), когда пользователь хочет войти в качестве студента, он переходит на страницу студента. или как администратор, он переходит на страницу администратора. и т.д.

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();

Я надеюсь, что это работает для вас.