Codeigniter Non Pageのリフレッシュサインアップフォームを作成する方法は？

Question

私がやろうとしていることはここにあります。

検証ステップが失敗するたびにページを更新しないサインアップフォームのホームページが必要です。

サインアップフォームに2つのステップが必要です。

最初のステップサインアップフォームフィールドと日付ドロップダウン..これがすべて正常に渡されると、ページを更新せずにキャプチャに転送したり、キャプチャとポップアップしたりすることもありません。 Captchaが成功すると、ユーザーは登録されます。

現在、検証が渡されたとき、私のコントローラーはビューsubmit_success.phpをロードします。

私がやろうとしていることを達成するための最良の方法は何ですか？

ajax？ JavaScript？

CodeIgniterチュートリアルはありますか？

それとも、私に例を挙げることができますか？

Answer 1

AjaxにCIに電話をかけ直すと、検証を使用して $ .ajax または$ .POST、そのため、CIで検証ルールを作成するだけで済みます。

これが私があなたを始められることを見つけた例です： jQuery郵便番号コードニターの検証

そして、これがajaxを持つCaptchaのCodeigniterの例です：http://www.99points.info/2010/03/verify-captcha-with-ajax-using-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";
?>