Laravel Custom Validation during Form Submission

Published on Jul 20, 2022

Hello Artisans, today I'll show you how to use custom validation in Laravel 9. Custom validation is a quite needy thing when the question comes to fulfill our client requirements. To acquire our own custom validation we just need complete a few steps. So let's see how we can use our own custom validation in our Laravel application.

Note: Tested on Laravel 9.19.

Table of Contents

  1. Create and Setup Rule
  2. Create and Setup Controller
  3. Define Routes
  4. Create and Setup View File
  5. Output

Create and Setup Rule

First of all, create a rule so that we can write our own logic and validation message to show the validate the form. So, fire the below commands in the terminal.

php artisan make:rule CheckStackRule

It'll create a rule under app\Rules called CheckStackRule.php. Open the file and replace with below codes.

app/Rules/CheckStackRule.php
<?php

namespace App\Rules;

use Illuminate\Contracts\Validation\Rule;

class CheckStackRule implements Rule
{
    public function __construct()
    {
        //
    }


    public function passes($attribute, $value)
    {
        //put your own logic here
        if ($value == 'laravel') {
            return true;
        }
        else{
            return false;
        }
    }

    public function message()
    {
        return 'The :attribute should be Laravel.';
    }
}

Create and Setup Controller

Then we'll create a controller so that we can use our own created custom validation. So, fire the below commands in the terminal.

php artisan make:controller CustomValidationController

It'll create a rule under app\Http\Controllers called CustomValidationController.php. Open the file and replace with below codes.

app/Http/Controllers/CustomValidationController.php
<?php

namespace App\Http\Controllers;

use App\Rules\CheckStackRule;
use Illuminate\Http\Request;

class CustomValidationController extends Controller
{
    public function store(Request $request)
    {
        $request->validate([
            'stack' => [
                'required',
                new CheckStackRule()
            ]
        ]);
        dd("Success !! You are a Laravel Developer...");
    }
}

Define Routes

Now we'll set route fromm where we can check our validation rule.

routes/web.php
<?php

use App\Http\Controllers\CustomValidationController;
use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('custom-validation');
});

Route::post('/custom-validation/store', [CustomValidationController::class, 'store'])->name('custom.validation.store');

Create and Setup Blade File

Now we we'll create a blade file where we can setup our form. So let's create a view file called custom-validation.blade.php under resources/views and paste the below code in the following file.

resources/views/custom-validation.blade.php
<!DOCTYPE html>
<html>
<head>
    <title>Laravel 9 Custom Validation</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha256-NuCn4IvuZXdBaFKJOAcsU2Q3ZpwbdFisd5dux4jkQ5w=" crossorigin="anonymous" />
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-6 offset-3 mt-5">
            <div class="card mt-5">
                <div class="card-header text-center bg-info">
                    <h2 class="text-white"> <strong>Custom Validation</strong></h2>
                </div>
                <div class="card-body">
                    @if (count($errors) > 0)
                        <ul class="alert alert-danger pl-5">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    @endif
                    <form action="{{ route('custom.validation.store') }}" method="post">
                        @csrf
                        <div class="form-group">
                            <label>Your Stack</label>
                            <select name="stack" class="form-control">
                                <option value="">Select One</option>
                                <option value="laravel" {{ old('stack') == 'laravel' ? 'selected' : '' }}>Laravel</option>
                                <option value="react" {{ old('stack') == 'react' ? 'selected' : '' }}>React</option>
                                <option value="vue" {{ old('stack') == 'vue' ? 'selected' : '' }}>Vue</option>
                                <option value="django" {{ old('stack') == 'django' ? 'selected' : '' }}>Django</option>
                            </select>
                        </div>
                        <div class="text-center">
                            <button class="btn btn-success"><i class="fa fa-floppy-o" aria-hidden="true"></i> Go </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

Output

And finally we're ready with our setup. It's time to check our output. Now go to http://127.0.0.1:8000, If everything goes well (hope so) you'll find a below output.

Validation Failed Message
After Passing the Validation

That's it for today. I hope you've enjoyed this tutorial. You can also download this tutorial from GitHub. Thanks for reading. 🙂

Comments (0)