Cómo crear un formulario de registro página refrescante no CodeIgniter?

Question

Esto es lo que estoy tratando de hacer.

Quiero tener una página de inicio con mi formulario de registro que no se actualiza la página cada vez que se dio positivo en un paso de validación.

Quiero que mi formulario de registro para tener 2 pasos.

1er paso campos de formulario de registro y la fecha desplegable .. cuando todo esto se ha superado con éxito entonces se enviarán a código de imagen sin actualizar la página o tal vez incluso emergente con código de imagen. Cuando el código de imagen es successfull pasó será registrado el usuario.

En la actualidad, cuando se pasa la validación mis cargas controlador vistas submit_success.php ..

¿Cuál es la mejor manera de lograr lo que estoy tratando de hacer?

Ajax? Javascript?

¿Hay tutoriales CodeIgniter me puede apuntar a?

O ¿sería capaz de darme un ejemplo?

Answer 1

Se podría hacer ajax llama de nuevo a CI para la validación usando $ o $ .ajax .post, de esa manera es suficiente para crear las reglas de validación de CI.

Este es un ejemplo que encontré para empezar: jQuery posterior validación CodeIgniter

Y aquí está un ejemplo de CodeIgniter Captcha con el Ajax: http://www.99points.info/2010 / 03 / verify-captcha-con-ajax-usando-codeignite /

Answer 2

//html function 
<div id="report"></div>
<form>
username : <input type="text" id="username" />
password : <input type="password" id="password" />
<input type="button" id="submit" onclick="validate();" value="sign in" />
</form>

//javascript function
function validate()
{



                var username = $("#username").val();//get value for username via d username id
                var password = $("#password").val();//get the value for password via d password id






                var url_link = "http://localhost/site_root/controller/blank";
                var reload_url = "http://localhost/site_root/controller/validation_function";
                var form_data = {
                username: username,
                password: password,
                ajax : '1'
                };
                $.ajax({
                url: url_link,
                type: 'POST',
                async : false,
                data: form_data,
                success: function() {

                 $("#report").load(reload_url);


                }
                });
                return false;
}


//controller

<?php if(!defined("BASEPATH")) exit("no direct access allowed");

class Controller extends CI_controller
{

        function  __construct()
        {
        parent::_construct();
        }


        function blank()
        {

        }



        function validate_function()
        {
        $username = $this->input->post->("username");
        $password = $this->input->post->("password");

        /*
        perform db validation if passed redirect user to the ideal url (logged in user page)
        */
        else
        /*
        $this->load-view("wrong_credentials");
        */


        }


}
?>

//wrong_credentials.php view

<?php
echo "wrong user name and password combination . try again";
?>