¿Cómo hacer que mi forma ajax para inyectar código de imagen de verificación en el navegador después de la validación de formularios con éxito?

Question

En la actualidad después de que mi forma ha pasado la validación se remite a una página HTML.

Me gustaría tener un último paso que tira reCaptcha y cuando reCaptcha ha sido aprobada sólo entonces los datos de registro del usuario enviados a mi base de datos y el usuario remitido a lo que nunca elijo página.

Espero su consejo sobre la mejor manera de hacer esto gracias.

Aquí está mi JavaScript y Ajax. El submit.php es un archivo que contiene todas mis reglas de validación. Creo que ahora tiene que tener un archivo que contiene mi código de imagen y el uso de AJAX para conseguir ese archivo o tal vez hay alguna manera mejor. Todavía estoy aprendiendo.

$(document).ready(function(){

        $('#fhjoinForm').submit(function(e) {

            register();
            e.preventDefault();

        });

    });


    function register()
    {
        hideshow('loading',1);
        error(0);

        $.ajax({
            type: "POST",
            url: "submit.php",
            data: $('#fhjoinForm').serialize(),
            dataType: "json",
            success: function(msg){

                if(parseInt(msg.status)==1)
                {
                    window.location=msg.txt;
                }
                else if(parseInt(msg.status)==0)
                {
                    error(1,msg.txt);
                }

                hideshow('loading',0);
            }
        });

    }


    function hideshow(el,act)
    {
        if(act) $('#'+el).css('visibility','visible');
        else $('#'+el).css('visibility','hidden');
    }

    function error(act,txt)
    {
        hideshow('error',act);
        if(txt) $('#error').html(txt);
    }

Answer 1

So there must be an easy way to add reCaotcha as my last step of my sign-up form before it's submitted.