Skip to Main Content

DevOps, CI/CD and Automation

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

google-recaptcha

Wrushasen DakhaneMar 23 2019 — edited Apr 1 2019

I am trying to integrate google-recaptcha but no success.

main.js

                                'googlerecaptcha':'https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit',

define(['ojs/ojcore', 'knockout', 'jquery', 'appController', 'ckeditor', 'googlerecaptcha', 'ojs/ojlabel',

    'ojs/ojknockout', 'ojs/ojinputtext', 'ojs/ojformlayout'],

        function (oj, ko, $, app, grecaptcha) {

            /**

             * The view model for the main content view template

             */

            function feedbackViewModel() {

                var self = this;

                // For small screens: labels on top

                // For medium screens and up: labels inline

                this.labelEdge = ko.computed(function () {

                    return app.smScreen ? "top" : "start";

                }, this);

               

                onloadCallback = function (a) {

                    grecaptcha.render('submit', {

                        'sitekey': 'YOUR_API_KEY',

                        'callback': self.onSubmit

                    }, true);

                };

                this.handleActivated = function (info) {

                };

                self.onSubmit = function (token) {

                    console.info("google recatpcha onSubmit", token)

                    //do validation/application code using token

                    var data = {secret: grecaptcha, response: recaptchaToken};

                    $.post({

                        url: "https://www.google.com/recaptcha/api/siteverify",

                        form: data

                    }).then(function (e) {

                        //recaptcha service called...check result

                        var resp = JSON.parse(e);

                        if (resp.success == false) {

                            console.info("recaptcha token outcome is false")

                        } else {

                            console.info("recaptcha token validated")

                        }

                    });

                };

            }

            return feedbackViewModel;

        });

Getting error feedback.js:39 Uncaught TypeError: grecaptcha.render is not a function

Comments
Post Details
Added on Mar 23 2019
11 comments
517 views