Zaten ajax kullanan bir çıkmadan Webform için reCaptcha ajax api uygulanması

0 Cevap php

Ben doğrulanırken benim sayfa yenilemek değil böylece sunucu tarafı doğrulama ve ajax kullanan benim ana sayfasında bir kayıt formu var.

Tüm doğrulama geçirilen zaman benim sayfa şu an için geçici bir sayfa olan bir registered.html alınır. Daha sonra üzerine bir hesap alanı olacaktır.

What I want

Ben reCaptcha doğrulama olacak gerçek form doğrulama sonra 1 son adımı olmasını istiyorum. Bunun yerine doğrulama sonra formu göndererek ben reCaptcha twitter stili pop-up ya da sadece form alanları facebook stilini değiştirmek istiyor.

Başarılı Captcha doğrulama formu teslim edilecektir sonra. Ben aşağıdaki kodu vermiş ve birisi bunu uygulamak için en iyi yolu bana tavsiye eğer gerçekten seviniriz. Şu anda kafam karıştı bir aşamada değilim.

Error checking and at the very bottom you can see the echo statement that sends a user to registered.html after successful validation

<?php

// we check if everything is filled in

if(empty($_POST['first_name']) || empty($_POST['last_name']) || empty($_POST['email']) || empty($_POST['password']))
{
 die(msg(0,"All the fields are required"));
}


// is the sex selected?

if(!(int)$_POST['sex'])
{
 die(msg(0,"You have to select your sex"));
}


// is the birthday selected?

if(!(int)$_POST['day'] || !(int)$_POST['month'] || !(int)$_POST['year'])
{
 die(msg(0,"You have to fill in your birthday"));
}


// is the email valid?

if(!(preg_match("/^[\.A-z0-9_\-\+]+[@][A-z0-9_\-]+([.][A-z0-9_\-]+)+[A-z]{1,4}$/", $_POST['email'])))
 die(msg(0,"You haven't provided a valid email"));



// Here I must put your code for validating and escaping all the input data,
// inserting new records in your DB and echo-ing a message of the type:

// echo msg(1,"/member-area.php");

// where member-area.php is the address on my site where registered users are
// redirected after registration.




echo msg(1,"registered.html");


function msg($status,$txt)
{
 return '{"status":'.$status.',"txt":"'.$txt.'"}';
}
?>

The javascript

$(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);
}   

Şimdi benim şimdiki forma reCaptcha ajax API uygulamak için basit bir yolu olmalı düşünüyorum. İlk başta ben onclick="showRecaptcha('recaptcha_div');" Benim input type = Bu işe yaramadı bulunan submit benim formun sonuna eklemek için çalıştı.

The end of my form

    <td><input type="submit" class="joinButton" value="Join Us" /><img id="loading" src="<?php echo base_url()?>images/join/ajax-loader.gif" alt="working.." /></td>
    <div id="recaptcha_div"></div>
    </tr>

Ben şimdiye kadar recaptcha web sitesi ve hiçbir şans yönergeleri takip ettik. Kod parçacıkları, tavsiyem bir şey yardımcı olacaktır. Bunu takdir ediyorum.

Teşekkürler

0 Cevap