Laravel 7 Form Validation Example Tutorial

June 16, 2020 XpertPhp Comments 0 Comment

Today, We explain to you and how to create step by step form validation example in laravel 7.

Here we are using all and has methods for form validation. if you want to customize an error message, then you can use the below example through you can make it.

So you can follow the below step.

Overview

Step 1: Create Routes
Step 2: Create a Model and Controller
Step 3: Create Blade Files
Step 4: Run Our Laravel Application

Step 1: Create Routes
Add the following route code in the “routes/web.php” file.

Route::get('student', 'StudentController@create');
Route::post('student', 'StudentController@store');

1 2	Route::get('student', 'StudentController@create'); Route::post('student', 'StudentController@store');

Step 2: Create a Model and Controller
Here below command help to create the controller and model.

php artisan make:controller StudentController --resource --model=Student

1	php artisan make:controller StudentController --resource --model=Student

Student.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;



class Student extends Model
{
    protected $fillable = [
        'first_name','last_name', 'address'
    ];
}

?>

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Student extends Model

{

protected $fillable = [

'first_name','last_name', 'address'

];

}

StudentController.php

<?php

namespace App\Http\Controllers;

use App\Student;
use Illuminate\Http\Request;

class StudentController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        //
        $students = Student::all();
        return view('student.list', compact('students','students'));
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
        return view('student.create');
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        //
        $request->validate([
            'txtFirstName'=>'required',
            'txtLastName'=> 'required',
            'txtAddress' => 'required'
        ], [
                'txtFirstName.required' => 'FirstName is required',
                'txtLastName.required' => 'LastName is required',
                'txtAddress.required' => 'Address is required'
            ]);

        $student = new Student([
            'first_name' => $request->get('txtFirstName'),
            'last_name'=> $request->get('txtLastName'),
            'address'=> $request->get('txtAddress')
        ]);

        $student->save();
        return redirect('/student')->with('success', 'Student has been added');
    }
}
?>

<?php

namespace App\Http\Controllers;

use App\Student;

use Illuminate\Http\Request;

class StudentController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$students = Student::all();

return view('student.list', compact('students','students'));

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

return view('student.create');

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

$request->validate([

'txtFirstName'=>'required',

'txtLastName'=> 'required',

'txtAddress' => 'required'

], [

'txtFirstName.required' => 'FirstName is required',

'txtLastName.required' => 'LastName is required',

'txtAddress.required' => 'Address is required'

]);

$student = new Student([

'first_name' => $request->get('txtFirstName'),

'last_name'=> $request->get('txtLastName'),

'address'=> $request->get('txtAddress')

]);

$student->save();

return redirect('/student')->with('success', 'Student has been added');

}

Step 3: Create Blade Files
So finally, first we will create the new directory “resources/views/student/layouts” and that directory in create a “resources/views/student/layouts/app.blade.php” file. and the second time we will create a list.blade.php in the “resources/ views/student/” directory.
layout.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <title>laravel 7 form validation Example Tutorial - XpertPhp</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    @yield('content')
</div>
</body>
</html>

<!DOCTYPE html>

<head>

<title>laravel 7 form validation Example Tutorial - XpertPhp</title>

</head>

<body>

@yield('content')

</div>

</body>

</html>

create.blade.php

@extends('student.layouts.app')

@section('content')
    <div class="row">
        <div class="col-lg-11">
            <h2>Add New Student</h2>
        </div>
        <div class="col-lg-1">
            &nbsp;
        </div>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <form action="{{ route('student.store') }}" method="POST">
        @csrf
        <div class="form-group">
            <label for="txtFirstName">First Name:</label>
            <input type="text" class="form-control" id="txtFirstName" placeholder="Enter First Name" name="txtFirstName">
            @if ($errors->has('txtFirstName'))
              <span class="error">{{ $errors->first('txtFirstName') }}</span>
            @endif
        </div>
        <div class="form-group">
            <label for="txtLastName">Last Name:</label>
            <input type="text" class="form-control" id="txtLastName" placeholder="Enter Last Name" name="txtLastName">
            @if ($errors->has('txtLastName'))
              <span class="error">{{ $errors->first('txtLastName') }}</span>
            @endif
        </div>
        <div class="form-group">
            <label for="txtAddress">Address:</label>
            <textarea class="form-control" id="txtAddress" name="txtAddress" rows="10" placeholder="Enter Address"></textarea>
            @if ($errors->has('txtAddress'))
              <span class="error">{{ $errors->first('txtAddress') }}</span>
            @endif
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
@endsection

@extends('student.layouts.app')

@section('content')

<h2>Add New Student</h2>

</div>

</div>

@if ($errors->any())

<strong>Whoops!</strong> There were some problems with your input.<br><br>

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

@csrf

<label for="txtFirstName">First Name:</label>

@if ($errors->has('txtFirstName'))

<span class="error">{{ $errors->first('txtFirstName') }}</span>

@endif

</div>

@if ($errors->has('txtLastName'))

<span class="error">{{ $errors->first('txtLastName') }}</span>

@endif

</div>

<label for="txtAddress">Address:</label>

@if ($errors->has('txtAddress'))

<span class="error">{{ $errors->first('txtAddress') }}</span>

@endif

</div>

<button type="submit" class="btn btn-default">Submit</button>

</form>

@endsection

Step 4: Run Our Laravel Application
We can start the server and run this example using the below command.

php artisan serve

1	php artisan serve

Now we will run our example using the below Url in the browser.

http://127.0.0.1:8000/student

1	http://127.0.0.1:8000/student

Please follow and like us:

Related posts: