Ngademin Pegiat Teknologi

Contoh Validasi Formulir Laravel 8.0 Ajax

1 min read

Hari ini kita akan melakukan validasi form ajax agar kita bisa melakukan validasi form tanpa harus me-refresh halaman. Jadi, mari kita mulai…

Buat proyek Laravel baru dan jalankan perintah ini
komposer create-project –prefer-dist laravel/laravel blog
buat koneksi database
Buka file .env dan atur nama database yang Anda buat di panel admin Dashboard MySQL

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_ajax_blog
DB_USERNAME=root
DB_PASSWORD=

masuk ke mode layar penuh

Keluar dari mode layar penuh

Buat rute khusus kami

route/web.php

Route::get('post/create', [PostController::class, 'postCreateByAjax'])
    ->name('post.validation');
Route::post('post/store', [PostController::class, 'postStoreByAjax'])
    ->name('post.validation.store');

masuk ke mode layar penuh

Keluar dari mode layar penuh

Buat model
Kami akan membuat model Post, jalankan perintah ini

php artisan make:model Post

model/Post.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    use HasFactory;
    protected $fillable = [
        'title',
        'description'
    ];

}

masuk ke mode layar penuh

Keluar dari mode layar penuh

Buat pengontrol
Kami akan membuat pengontrol bernama PostController, jalankan perintah ini

php artisan make:controller PostController

app/Http/Controllers/PostController.php

<?php

namespace App\Http\Controllers;

use App\Models\Post;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
class PostController extends Controller
{

    public function postCreateByAjax(){
        return view('ajax.ajax-create');
    }

    public function postStoreByAjax(Request $request){

        $validator = Validator::make($request->all(), [
            'title' => 'required',
            'description' => 'required',
        ]);

        if ($validator->passes()) {

            Post::create($request->all()); // it store data to the DB

            return response()->json(['success'=>'Added new records.']);

        }

        return response()->json(['error'=>$validator->errors()]);

    }
}

masuk ke mode layar penuh

Keluar dari mode layar penuh

Dapatkan kode lengkapnya: Validasi formulir ajax Laravel

Ngademin Pegiat Teknologi

Google menyediakan Earth Engine untuk semua bisnis dan pemerintah

Selama dekade terakhir, para peneliti di akademisi dan organisasi nirlaba telah memperoleh akses ke informasi yang semakin kompleks tentang permukaan bumi melalui Google Earth...
Ngademin
1 min read

Google menyediakan Earth Engine untuk semua bisnis dan pemerintah

Selama dekade terakhir, para peneliti di akademisi dan organisasi nirlaba telah memperoleh akses ke informasi yang semakin kompleks tentang permukaan bumi melalui Google Earth...
Ngademin
1 min read