javascript AJAX के साथ ReCaptcha 2.0



php jquery (1)

मैं अपनी वेबसाइट में काम करने के लिए ReCaptcha 2.0 प्राप्त करने में कामयाब रहा। हालाँकि, यह केवल तभी काम कर रहा है जब मैं AJAX का उपयोग नहीं करता और मैंने फ़ॉर्म को "स्वाभाविक रूप से" सबमिट कर दिया।

मैं कैप्चा के साथ फॉर्म जमा करना चाहता हूं और पेज को रिफ्रेश किए बिना यूजर को सक्सेस नोट के साथ अलर्ट करना चाहता हूं।

मैंने निम्न कोड की कोशिश की, लेकिन ऐसा लगता है जैसे सर्वर को उपयोगकर्ता की प्रतिक्रिया नहीं मिलती है:

HTML:

<form class="form" action="javascript:void(0)" novalidate>
    <!-- all the inputs... -->

    <!-- captcha -->
    <div class="input-group">
        <div class="g-recaptcha" data-sitekey="6LdOPgYTAAAAAE3ltWQGar80KUavaR-JblgPZjDI"></div>
    </div>

    <div class="errors" id="errors" style="display: none"></div>

    <div class="input-group">
        <input type="button" value="Send" class="btn-default right" id="submit">
        <div class="clear"></div>
    </div>
</form>

जे एस:

$('#submit').click(function(e) {
    console.log('clicked submit'); // --> works

    var $errors = $('#errors'),
        $status = $('#status'),

        name = $('#name').val().replace(/<|>/g, ""), // prevent xss
        email = $('#email').val().replace(/<|>/g, ""),
        msg = $('#message').val().replace(/<|>/g, "");

    if (name == '' || email == '' || msg == '') {
        valid = false;
        errors = "All fields are required.";
    }

    // pretty sure the problem is here
    console.log('captcha response: ' + grecaptcha.getResponse()); // --> captcha response: 

    if (!errors) {
        // hide the errors
        $errors.slideUp();
        // ajax to the php file to send the mail
        $.ajax({
            type: "POST",
            url: "http://orenurbach.com/assets/sendmail.php",
            data: "email=" + email + "&name=" + name + "&msg=" + msg + "&g-recaptcha-response=" + grecaptcha.getResponse()
        }).done(function(status) {
            if (status == "ok") {
                // slide down the "ok" message to the user
                $status.text('Thanks! Your message has been sent, and I will contact you soon.');
                $status.slideDown();
                // clear the form fields
                $('#name').val('');
                $('#email').val('');
                $('#message').val('');
            }
        });
    } else {
        $errors.text(errors);
        $errors.slideDown();
    }
});

पीएचपी:

<?php
    // assemble the message from the POST fields

    // getting the captcha
    $captcha = '';
    if (isset($_POST['g-recaptcha-response']))
        $captcha = $_POST['g-recaptcha-response'];
    echo 'captcha: '.$captcha;

    if (!$captcha)
        echo 'The captcha has not been checked.';
    // handling the captcha and checking if it's ok
    $secret = 'MY_SECRET';
    $response = json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secret."&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']), true);

    var_dump($response);

    // if the captcha is cleared with google, send the mail and echo ok.
    if ($response['success'] != false) {
        // send the actual mail
        @mail($email_to, $subject, $finalMsg);

        // the echo goes back to the ajax, so the user can know if everything is ok
        echo 'ok';
    } else {
        echo 'not ok';
    }
?>

PHP पृष्ठ में परिणाम :

captcha: The captcha has not been checked.array(2) { ["success"]=> bool(false) ["error-codes"]=> array(1) { [0]=> string(22) "missing-input-response" } } not ok

लब्बोलुआब यह है, मैं कैसे इनपुट प्रतिक्रिया प्राप्त कर सकते हैं मैन्युअल रूप से इसके बिना स्वचालित रूप से POST के बाकी डेटा के साथ जा रहा है?


ठीक है, यह बहुत मूर्खतापूर्ण था।

मैंने कुछ गलत किया है:

  • PHP फ़ाइल में, सभी तार उन पर एकल उद्धरण थे, और इससे समस्याएं पैदा हुईं।
  • परीक्षण के दौरान, मैंने PHP फ़ाइल में चीजों के कई मुद्रण जोड़े, इस प्रकार if (status == "ok") कभी काम नहीं कर रहा था। मुझे ईमेल मिले, लेकिन मुझे जो भी करना था, वह नहीं मिला और अब मैं देखता हूं कि क्यों।
  • जब मैं यह जांचना चाहता था कि PHP फ़ाइल क्या छूट रही है, तो मैं बस URL में इसके पते पर गया और हमेशा एक त्रुटि मिली। यहां तक ​​कि जब मेल भेजे गए थे। अब मैं समझता हूं कि लॉग्स की जांच करने का यह सही तरीका नहीं है।

@Samurai का धन्यवाद जिन्होंने मेरी फिगर को चीजों में मदद की।

अंतिम PHP कोड:

<?php
    // assemble the message from the POST fields

    // getting the captcha
    $captcha = "";
    if (isset($_POST["g-recaptcha-response"]))
        $captcha = $_POST["g-recaptcha-response"];

    if (!$captcha)
        echo "not ok";
    // handling the captcha and checking if it's ok
    $secret = "MY_SECRET";
    $response = json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secret."&response=".$captcha."&remoteip=".$_SERVER["REMOTE_ADDR"]), true);

    // if the captcha is cleared with google, send the mail and echo ok.
    if ($response["success"] != false) {
        // send the actual mail
        @mail($email_to, $subject, $finalMsg);

        // the echo goes back to the ajax, so the user can know if everything is ok
        echo "ok";
    } else {
        echo "not ok";
    }
?>




recaptcha