Laravel invisible ex

[zKoz210]

• noCaptcha Version: latest
• Laravel Version: 5.4.21
• PHP Version: 7.1.0

Description:

Please add example invisible re-captcha for Laravel, thanks!

[arcanedev-maroc]

Here you go: https://github.com/ARCANEDEV/noCAPTCHA/blob/master/_docs/3-Usage.md#invisible-captcha

[zKoz210]

I really don't know how to do it in Laravel...

Example form

<form id="loginForm" action="{{ route('auth.login') }}" method="POST">
    {!! csrf_field() !!}

    <div class="form-group has-feedback">
        <input name="user" class="form-control" value="{{ old('user') }}" placeholder="@lang('strings.user_identifier')">
        <span class="fa fa-envelope form-control-feedback"></span>
    </div>
    <div class="form-group has-feedback">
        <input type="password" name="password" class="form-control" placeholder="@lang('strings.password')">
        <span class="fa fa-lock form-control-feedback"></span>
    </div>
    {!! Captcha::display() !!}
    <div class="row">
        <div class="col-xs-4">
            <button type="submit" class="btn btn-primary btn-block btn-flat">@lang('auth.sign_in')</button>
        </div>
    </div>
</form>

[arcanedev-maroc]

Use Captcha::button('Send', ['data-badge' => 'inline']) instead of Captcha::display().

And the bottom :

{!! $captcha->script() !!}
<script>
    function onSubmit(token) {
        document.getElementById("loginForm").submit();
    }
</script>

[zKoz210]

Thank you very much!

[zKoz210]

Hmm..

    protected function validateLogin(Request $request)
    {
        $this->validate($request, [
            $this->username() => 'required|string',
            'password' => 'required|string',
            'g-recaptcha-response' => ['required', 'captcha'],
        ]);
    }

How can I fill the invisible captcha?

[arcanedev-maroc]

Can you try to set the captcha name ?

{!! Captcha::button(trans('auth.sign_in'), ['name' => 'g-recaptcha-response', 'class' => '...']) !!}

And to check your inputs:

protected function validateLogin(Request $request)
{
    dd($request->all());  // Check that you get all the inputs including the 'g-recaptcha-response'

    $this->validate($request, [
        $this->username() => 'required|string',
        'password' => 'required|string',
        'g-recaptcha-response' => ['required', 'captcha'],
    ]);
}

[zKoz210]

array:4 [▼
  "_token" => "naL27bhOuk9HH8dbzg8UWV3pXWVG4DGyatKSWcoZ"
  "user" => "zKoz210"
  "password" => "MyPassword"
  "g-recaptcha-response" => ""
]

[arcanedev-maroc]

Are you sending the form with ajax ?

[zKoz210]

No, default auth from Laravel

[arcanedev-maroc]

Ok, i'm going to check this and see if i can reproduce your issue.

[zKoz210]

Okay, thanks!

[arcanedev-maroc]

OK, i see the issue, if you want to apply custom css class, you can do it but you need to keep the default recaptcha class, try something like this:

{!! Captcha::button(trans('auth.sign_in'), ['class' => 'g-recaptcha btn btn-primary btn-block btn-flat']) !!}

You can check the official documentation for more details: https://developers.google.com/recaptcha/docs/invisible

[Pub4Game]

@arcanedev-maroc You are great! Thank you very much for this packet. It helped me too!

[arcanedev-maroc]

You're welcome @Pub4Game 👍

[zKoz210]

@arcanedev-maroc @Pub4Game Yes. Thanks.