如何在CodeIgniter中控制按钮单击上的过帐表单数据

Question

Previously I posted an answer myself to this problem, believing that I've found a solution. However, just this morning, I found out that I was wrong. It's only partially solved. So, I've decided to remove that answer and edit this post altogether.

In my CodeIgniter application, I have the following view page - meal_add.php , and there is a form there. There's a submit button below that form. The form method is supposed to be "post" . If I click on the submit button, data is saved in database. The code is below:

<form action="javascript:checkTime();" method="post">
            <fieldset>
                <legend id="add_employee_legend">Add Meal Information</legend>
                <div>
                    <label id= "emp_id_add_label">Employee ID:</label>
                    <input type="text" name="emp_id" id = "employee_id_add" placeholder="Employee ID" required="1"/>
                </div>
                <br>
                <div>
                    <label id= "is_guest_add_label">Guests?</label>
                    <input type="checkbox" name ="is_guest_checkbox" class ="guestcheck" checked="checked" value="1" onchange="valueChanged()"/>
                </div>
                <br>
                <div id = "guestnum">
                    <label id= "num_of_guest_add_label">No. of Guests:</label>
                    <input type="text" name="num_of_guest" id = "num_of_guest_add" placeholder='0'/>
                </div>
                <div>
                    <label id= "remarks_add_label">Remarks:</label>
                    <textarea rows="1" cols="20" style="margin-left: 35px"></textarea>
                </div>
                <input type="submit" name="submit" id = "meal_info_submit" value="Save Meal Information"/>
                <button id = "cancel_button" onclick="location.href='<?php echo base_url();?>index.php/admin_logins/meal'">Cancel</button>
            </fieldset>    
        </form>

Now, I want to do a certain condition checking on click of submit button. Based on the checking, I'll allow the submission of data and redirection of the page. So my JavaScript function goes as follows:

    <script>
    function checkTime()
    {
        var today = new Date();
        var hour = today.getHours();
        if(hour < '12')
        {
            location.href='<?php echo base_url();?>index.php/meals/insert_meal_db';
        }
        else
        {
            alert("You can't place an order after 12 pm.");
            location.href='<?php echo base_url();?>index.php/admin_logins/meal';
        }
    }
    </script>

This bit works fine - Whenever I try to submit data after 12 pm, an alert message says I can't place an order after 12 pm, halts my data submission and redirects to another page. However, when it's BEFORE 12 pm, data is supposed to be submitted on click, ie form method should be post. But it seems data is not submitted on click, the form method "post" is not working at all. All I get is just plain 0s in my database.

My controller insert method -

public function insert_meal_db()
{
    date_default_timezone_set('Asia/Dacca');
    $mdata['emp_id'] = $this->input->post('emp_id');
    $mdata['is_guest'] = $this->input->post('is_guest');
    $mdata['num_of_guest'] = $this->input->post('num_of_guest');
    $mdata['remarks'] = $this->input->post('remarks');
    if($mdata['num_of_guest'] == 0)
    {
        $mdata['bill'] = 35.00;
    }

    else
    {
        $mdata['bill'] = 35.00 + (35.00 * $mdata['num_of_guest']);

    }
    $res = $this->meal_model->insert_meal($mdata);
    if($res)
    {   
        $this->session->set_flashdata('message','Meal information added successfully');
        header('location:'.base_url()."index.php/meals/".$this->index());

    }
}

Note that $mdata['bill'] is not coming from $this->input->post() , it's coming from a calculation. So I get data for $mdata['bill']` in my database based on the calculation, instead of a 0. But for other columns, I get plain 0s.

My model insert method-

  //To add a new meal to the database
  public function insert_meal($data)
  {
      return $this->db->insert('meal', $data);
  }   

My table name is meal , database is MySQL and here is the table structure:

       Column Name                       Data Type
          id                               int PK 
        emp_id                      varchar(15) NOT NULL
       is_guest                        int NOT NULL
      num_of_guest                         int 
        bill                           int NOT NULL
       remarks                             text

The funny thing is - although my emp_id column is a VARCHAR NOT NULL column, the data that is being saved there is 0.

Answer 1

In order to check validation before submission of form, you need to do these tasks:

<form id="form" onSubmit="return checkSubmit();" action="#">

And javascript form validation using:

  function checkSubmit(){       
    if (validationCorrect()) {
         $('#form').submit();
    }
}  

Hope you got the concept.

Answer 2

Seems like you need to stop submitting the form if the time greater

<input type="submit" name="submit" id = "meal_info_submit" onclick="return checkTime()" value="Save Meal Information"/>

And the Javascript function would be something like

<script>
function checkTime()
{
    var today = new Date();
    var hour = today.getHours();
    if(hour > '12')
    {
        alert("You can't place an order after 12 pm.");
        location.href='<?php echo base_url();?>index.php/admin_logins/meal';
    } else {
       return true;
    }
}
</script>