Added Google reCaptcha 2 validator

Author: simivar

form-validator/jquery.form-validator.js

@@ -265,7 +265,8 @@
         inputIsOptional = $elem.valAttr('optional') === 'true',
         skipBecauseDependingInputIsEmpty = false,
         skipBecauseItsEmpty = !value && inputIsOptional,
-        skipBecauseInputIsHidden = $elem.attr('disabled') || (!$elem.is(':visible') && !conf.validateHiddenInputs),
+        validationRules = $elem.attr(conf.validationRuleAttribute),
+        skipBecauseInputIsHidden = $elem.attr('disabled') || (!$elem.is(':visible') && !conf.validateHiddenInputs && (typeof validationRules !== typeof undefined && validationRules.indexOf("recaptcha") < 0)),
         validationDependsOn = $elem.valAttr('depends-on') || $elem.valAttr('if-checked');
 
       if (skipBecauseInputIsHidden) {
@@ -303,10 +304,8 @@
         return result;
       }
 
-      var validationRules = $elem.attr(conf.validationRuleAttribute),
-
       // see if form element has inline err msg attribute
-        validationErrorMsg = true;
+      var validationErrorMsg = true;
 
       if (!validationRules) {
         result.shouldChangeDisplay = conf.addValidClassOnAll;

form-validator/jquery.form-validator.min.js

@@ -61,7 +61,8 @@
       badBrazilCPFAnswer: 'Wprowadzono niepoprawny CPF',
       badPlPesel: 'Wprowadzono niepoprawny numer PESEL',
       badPlNip: 'Wprowadzono niepoprawny numer NIP',
-      badPlRegon: 'Wprowadzono niepoprawny numer REGON'
+      badPlRegon: 'Wprowadzono niepoprawny numer REGON',
+      badreCaptcha: 'Potwierdź że nie jesteś botem!'
     };
 
   });

src/lang/pl.js

@@ -830,7 +830,8 @@
       badBrazilCPFAnswer: 'The CPF entered is invalid',
       badPlPesel: 'The PESEL entered is invalid',
       badPlNip: 'The NIP entered is invalid',
-      badPlRegon: 'The REGON entered is invalid'
+      badPlRegon: 'The REGON entered is invalid',
+      badreCaptcha: 'Please confirm that you are not a bot'
     }
   });
 

src/main/utils.js

@@ -32,7 +32,6 @@
         errorMessageKey: 'badSecurityAnswer'
     });
 
-
     /*
      * Validate confirmation
      */
@@ -137,7 +136,6 @@
         errorMessageKey: 'badCreditCard'
     });
 
-
     /*
      * Credit card number
      */
@@ -479,7 +477,6 @@
         validateOnKeyUp : false
     });
 
-
     /*
      * Check for only letters and numbers
      *
@@ -512,11 +509,74 @@
       errorMessageKey: 'requiredFields'
     });
 
+    /*
+     * Google reCaptcha 2
+     */
+    $.formUtils.addValidator({
+        name: 'recaptcha',
+        validatorFunction: function (val, $el, config)
+        {
+            return grecaptcha.getResponse($el.data('validation-widget-id'));
+        },
+        errorMessage: '',
+        errorMessageKey: 'badreCaptcha'
+    });
 
-
-  $.fn.displayPasswordStrength = function(conf) {
+    $.fn.displayPasswordStrength = function(conf) {
         new $.formUtils.validators.validate_strength.strengthDisplay(this, conf);
         return this;
     };
 
+    var setupGooglereCaptcha = function (evt, $forms, config)
+    {
+        var src = '//www.google.com/recaptcha/api.js?onload=reCaptchaLoaded&render=explicit' + (config.lang ? '&hl=' + config.lang : '');
+        if ($('body').find('script[src="' + src + '"]').length === 0)
+        {
+            var script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.async = true;
+            script.defer = true;
+            script.src = src;
+            document.getElementsByTagName('body')[0].appendChild(script);
+        }
+    };
+
+    window.reCaptchaLoaded = function ()
+    {
+        var $forms = $('form');
+
+        if (!$forms.each)
+        {
+            $forms = $($forms);
+        }
+
+        $forms.each(function ()
+        {
+            var $form = $(this),
+                config = $form.context.validationConfig,
+                sitekey = config.reCaptchaSiteKey,
+                theme = config.reCaptchaTheme;
+
+            $('[data-validation~="recaptcha"]', $form).each(function ()
+            {
+                var $el = $(this),
+                    div = document.createElement("DIV");
+
+                $el.hide();
+                $el.parent().append(div);
+
+                var widget_id = grecaptcha.render(div, {
+                    sitekey: sitekey || $el.valAttr('sitekey'),
+                    theme: theme || $el.valAttr('recaptcha-theme') || 'light'
+                });
+
+                $el
+                    .data('validation-widget-id', widget_id);
+            });
+
+        });
+    };
+
+    $(window).on('validatorsLoaded formValidationSetup', setupGooglereCaptcha);
+
 })(jQuery, window);