Do form validation with jquery ajax in codeigniter

Question

How can i do form validation in codeigniter if i don\'t want to refresh the page? Basically i do this:

    $config = array(
            array(
                       


        

Answer 1

I know your question is a year old but you can use this for the latest bootstrap with codeigniter

load->library('form_validation');
    }

    public function index() {
        $this->load->view('template/register');
    }

    public function validate() {

        $json = array();

        $this->form_validation->set_rules('username', 'Username', 'required');
        $this->form_validation->set_rules('email', 'Email', 'trim|required|valid_email');
        $this->form_validation->set_rules('password', 'Password', 'required|min_length[5]');
        $this->form_validation->set_rules('confirm_password', 'Confirm Password', 'required|matches[password]');
        $this->form_validation->set_rules('code', 'Login Code', 'required|numeric|min_length[4]||max_length[8]');

        $this->form_validation->set_message('required', 'You missed the input {field}!');

        if (!$this->form_validation->run()) {
            $json = array(
                'username' => form_error('username', '
', '
'),
                'email' => form_error('email', '
', '
'),
                'password' => form_error('password', '
', '
'),
                'confirm_password' => form_error('confirm_password', '
', '
'),
                'code' => form_error('code', '
', '
')
            );
        }

        $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($json));

    }
}

Ajax Script

Full View Code

    

        

            

                

                

                     'form', 'role' => 'form'));?>
                    

                    

                    

                         'form-control', 'placeholder' => 'Enter Agent Username', 'id' => 'input-username'));?>
                        

                    

                    

                    
                    

                    

                    

                    

                         'form-control', 'placeholder' => 'Enter Agent Email', 'id' => 'input-email'));?>
                        

                    
                    

                    
                    

                    

                    

                    

                         'form-control', 'placeholder' => 'Enter Password', 'id' => 'input-password'));?>
                        

                    
                    

                    


                    

                    

                         'form-control', 'placeholder' => 'Enter Confirm Password', 'id' => 'input-confirm_password'));?>
                        

                    
                    

                    
                    

                    


                    

                    

                    

                        Register Agent