NoahUI

ReCaptcha

NRecaptcha

Please see ReCaptcha docs in order to implement server-side validation of the response.

NRecapatcha gives you two options for server-side validation:

  • Use v-model and submit captcha response with your form, and perform validation before processing remaining form data
  • Use verifyCallback prop to provide a function that will verify the response on the server and prevent form submission if verification fails. The function should return a promise, and throw an error in case of failed validation.

Name
Type
Default
Description
verify-callback
Function
--

if you wish to verify the captcha before the form data is submitted to the server, you can provide the function that will receive a recaptcha response as an argument and return a promise

theme
String
light

ReCapatcha theme: light or dark

size
String
normal

ReCaptcha size: normal or compact

Installation

import Vue from 'vue';
import NRecaptcha from '@arckinteractive/noah-ui/src/extensions/NRecaptcha';

Vue.use(NRecaptcha, {
    siteKey: '6LcoUKIUAAAAABUikWoT_q3KF21LiPhU4g7rKL6O',
});

Usage