Wallogit.com
2017 © Pedro Peláez
Free Laravel captcha for neat and powerful projects!
Laravel simple captcha, (*1)
LaraCaptcha is an easy-to-use captcha creator package for Laravel framework. It is built based on Laravel APIs and you can use it alongside Laravel facilities. LaraCaptcha using image based captcha to protect you from spams., (*2)
Run Terminal (Linux Based Environment) or Command Prompt (Windows OS) for your project's root where you can see `composer.json' file. Then run following command:, (*3)
composer require miladrahimi/laracaptcha
After adding the package to your project, you need to add LaraCaptcha provider to your project's providers.
To do that, open config/app.php file and append following code to the list of providers., (*4)
Laravel <= 5.0, (*5)
'MiladRahimi\LaraCaptcha\Provider',
Laravel => 5.1, (*6)
MiladRahimi\LaraCaptcha\Provider::class,
You need to display a captcha image in your HTML forms, so LaraCaptcha provides a image url like what you see below that you can use easily., (*7)
http://your-project.com/laracaptcha.png
You may use Laravel url() function in Blade template system to resolve this URL., (*8)
{{ url('/laracaptcha.php') }}
So your captcha image should be like this:, (*9)
<img src="{{ url('/laracaptcha.php') }}">
If you use methods mentioned above you will face to caching problem very soon. As it's needed every captcha must be a different thing when user reloads the page or press refresh button. But sometimes user browsers like Firefox and Chrome cache the image so users see the same image while server has created new image., (*10)
You may ask what should I do now? That's a good question! You have to add a fake parameter to the image url and pass a random value like following example:, (*11)
http://your-project.com/laracaptcha.png?r=65442
To do it in Blade template system:, (*12)
url('/laracaptcha.png?r=' . rand(0, 100000))
So your captcha image should be like this:, (*13)
<img src="{{ url('/laracaptcha.png?r=' . rand(0, 100000)) }}">
If you don't need to refresh button for you captcha skip this section., (*14)
You are still here so you need it!, (*15)
I consider you have created a button in your page Blade like this:, (*16)
<button type="button" id="refresh">Refresh</button>
So you need to add following jQuery code to your page:, (*17)
<script>
$("#refresh").click(function () {
$("#captcha").attr("src", '/laracaptcha.png?r=' + Math.random());
});
</script>
Now it's time to validate user input.
I hope you use Laravel validation rules, so you can use laraCaptcha rule just like this:, (*18)
$validator = Validator::make(Request::all(), [
'captcha' => 'required|laraCaptcha',
]);
if ($validator->fails()) {
// On error
} else {
// No error
}
captcha is the name of HTML form field. Of course there is one step left.
You should add a user-friendly error message if the user entered wrong captcha.
To do this, open resources/lang/en/validation.php and add following item to the existent array., (*19)
"laracaptcha" => "You entered the security code incorrectly.",
Of course you are able to use :attribute in the validation message instead., (*20)
This approach enables you to use Laravel internationalization tools., (*21)
LaraCaptcha is released under the MIT License., (*22)
Free Laravel captcha for neat and powerful projects!
MIT
laravel bundle captcha
Free Laravel captcha for neat and powerful projects!
MIT
laravel bundle captcha
Free Laravel captcha for neat and powerful projects!
MIT
laravel bundle captcha