在没有javascript的情况下，将模式内的表单数据传递到表单外的控制器按钮

我正在使用Codeigniter框架，现在，我有了一个模型，里面有一个表单。现在，在我的模式页脚中，我为它添加了提交表单。它已经超出了模态范围。为什么它不在我的控制器中提交？。我在控制器中放置了一个

var\u dump

，以便它在提交时回显，我在不使用javascript的情况下发送它

以下是我的表格：

<div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Category</h4>
      </div>
      <div class="modal-body">
            <div class="container-fluid">
            <form id="frm_category" class="form-horizontal" method="POST" action="Admin_controls/insertCategory">  
                <div class="form-group">
                    <label for="cat_name">Category: </label>
                    <input type="text" class="form-control" name="cat_name">
                </div>
                <div class="form-group">
                    <label for="cat_desc">Description: </label>
                    <input type="text" class="form-control" name="cat_desc">
                </div>
            </form>    
            </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-success" value="submit" form="frm_category">Add</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
    </div>

---

如果要插入数据，则应执行以下步骤：

要

POST

或

GET

，您应该在

标记的旁边添加该操作属性

---

现在，对于

post

您需要在

中提供控制器的地址，您应该将
提交按钮
放在
之前。另外，您需要
javascript
来提交表单

您可以使用以下代码

    <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Add Category</h4>
          </div>
          <div class="modal-body">
                <div class="container-fluid">
                <form id="frm_category" class="form-horizontal" method="POST" action="Admin_controls/insertCategory">  
                    <div class="form-group">
                        <label for="cat_name">Category: </label>
                        <input type="text" class="form-control" name="cat_name">
                    </div>
                    <div class="form-group">
                        <label for="cat_desc">Description: </label>
                        <input type="text" class="form-control" name="cat_desc">
                    </div>
                </form>    
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-success" value="submit" onclick="myFunction()">Add</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
          </div>
        </div>
<script>
function myFunction() {
    document.getElementById("frm_category").submit();
}
</script>


&时代；
添加类别
类别：
说明：
添加
接近
函数myFunction（）{
document.getElementById（“frm_类别”）.submit（）；
}

您应该将按钮类型更改为提交。所以它可以提交表格
提交按钮应位于表单标签内
我已经修改了你的模式代码。我希望它能起作用

×
添加类别
类别：
说明：
添加
接近

你能检查一下我的代码吗？我在表单外收到一个提交按钮。您需要将该按钮放在
标记内
public function your_function(){
    // By using this you can get all posted data at once
    $your_post_data = $this->input->post();
    // By using this you get the post data seperatedly
    $your_post_data = $this->input->post('user_name'); // your form input name

   //Now for sending data to the model for database querys

    $this->load->model ('your_model');
    $data = $this->your_model->your_model_function($your_post_data);
}

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

    $this->load->model ('your_model');
    // So now on you just need to call the model name in your function.

}

public function your_function(){
  // By using this you can get all posted data at once
  $your_post_data = $this->input->post();
    // By using this you get the post data seperatedly
  $your_post_data = $this->input->post('user_name'); // your form input name

 $data = $this->your_model->your_model_function($your_post_data); 

}

public function your_model_function($your_post_data ){

    $this->db->insert_batch('your_table_name', $your_post_data );

    //If you want to understing of query execuation
    // for thie you need to enable the log from config.php form config folde.
    //Remove comment from log_message after emeble the log message
    //log_message('debug', 'Last Insert query: ' . print_r($this->db->last_query(), TRUE).' Inserted Data: '.print_r($your_post_data, TRUE));

    if($this->db->affected_rows() > 0){
        return TRUE;
    } else {
        return FALSE;
    }
}

    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Category</h4>
      </div>
      <form id="frm_category" class="form-horizontal" method="POST" action="<?= base_utl('Admin_controls/insertCategory') ?>"> 
          <div class="modal-body">
                <div class="container-fluid">

                    <div class="form-group">
                        <label for="cat_name">Category: </label>
                        <input type="text" class="form-control" name="cat_name">
                    </div>
                    <div class="form-group">
                        <label for="cat_desc">Description: </label>
                        <input type="text" class="form-control" name="cat_desc">
                    </div>                  
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-success" value="submit" form="frm_category">Add</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
          </div>
      </form>
    </div>

public function insertCategory() {

    // You should have to validate befor insert

    $this->load->model ('your_model');
    $your_post_data = $this->input->post();
    $insert_status = $this->your_model->your_model_function($your_post_data); 

    if($insert_status == TRUE){
        //return to your view or load the view

        $this->load->view ('your_view_directory');
    } else {
        // Send Error Message
}

    <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Add Category</h4>
          </div>
          <div class="modal-body">
                <div class="container-fluid">
                <form id="frm_category" class="form-horizontal" method="POST" action="Admin_controls/insertCategory">  
                    <div class="form-group">
                        <label for="cat_name">Category: </label>
                        <input type="text" class="form-control" name="cat_name">
                    </div>
                    <div class="form-group">
                        <label for="cat_desc">Description: </label>
                        <input type="text" class="form-control" name="cat_desc">
                    </div>
                </form>    
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-success" value="submit" onclick="myFunction()">Add</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
          </div>
        </div>
<script>
function myFunction() {
    document.getElementById("frm_category").submit();
}
</script>