问代码点火器Ajax登录表单验证

EN

public function login()
{
    $data = array(
        'success' => false,
         'messages' => array(),
          'session_error' => false,
           'session_error_message' => array());


    $this->form_validation->set_rules('username', 'Username', 'trim|required|min_length[5]|max_length[12]', array(
        'required' => '%s feild cannot be empty',
        'min_length' => '%s field must be at least 5 characters in length.'));



$this->form_validation->set_rules('password', 'Password', 'trim|required|min_length[5]|max_length[12]', array(
        'required' => '%s feild cannot be empty',
        'min_length' => '%s field must be at least 5 characters in length.')); $this->form_validation->set_error_delimiters('<p class="text-danger" style="font-weight: bold">', '</p>');


    if ($this->form_validation->run() == TRUE ) {


        $user = $this->input->post('username');
        $pass = $this->input->post('password');


        if ($this->main_model->admin_login($user, $pass)) {

            $session_data = array('username' => $user);
            $this->session->set_userdata($session_data);
            redirect(base_url() . 'admin/dashboard', 'refresh');

        } else {


            $data['session_error'] = true;
            $this->session->set_flashdata('msg', '<p class="text-danger" style="font-weight: bold">Invalid Username or Password</p>');
            $data['session_error_message'] = $this->session->flashdata('msg');


        }

        $data['success'] = true;
    } else {


        foreach ($_POST as $key => $value) {
            $data['messages'][$key] = form_error($key);
        }


    }

    echo json_encode($data);
}

  <form action="<?php echo base_url() ?>admin/login" method="POST" class="w3-container" id="aForm">
      <div class="form-group">
          <input type="text" class="w3-input w3-border w3-border-blue" name="username" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}" id="username">
     </div>

     <div class="form-group">
        <input type="password" class="w3-input w3-border w3-border-blue" name="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" id="password">
    </div> 

    <button type="submit" name="" value="" class="w3-btn w3-border w3-border-blue">Submit</button>
</form>

$('#aForm').submit(function(event) {
event.preventDefault();
$.ajax({
    url: $(this).attr('action'),
    type: 'POST',
    dataType: 'json',
    data: $(this).serialize(),
    success: function (response) {
        if (response.success == true) {

                if (response.session_error == true) {
                $('.text-danger').remove();
                var el = $('#password');
                el.closest('div.form-group').addClass('strong').find('.text-danger').remove();
                el.after(response.session_error_message);

            } else {

                $('.text-danger').remove();
                window.location.href = $(this).attr('action');

            }       
        }else {

            $.each(response.messages, function(key, value) {
                var element = $('#' + key);
                element.closest('div.form-group').addClass('strong').find('.text-danger').remove();
                element.after(value);
            });

        }



    }
})
});