use strict"; class AuthSignUp { get rules() { return { // Untuk mendefinisikan aturan }; } get messages() { return { // Untuk mendefinisikan pesan jika masukkan tidak sesuai aturan // method ini hanya digunakan untuk mengubah pesan kesalahan dari adonis }; } get validateAll() { // Untuk mendefinisikan apakah semua aturan di validasi dengan mereturn tipe data boolean } } module.exports = AuthSignUp; ```````````` Setelah file validator telah siap digunakan anda hanya perlu menambahkan method validator pada route yang di inginkan. ```````````` Route.post("signup", "AuthController.createUser") .as("auth.createUser") .middleware(["guest"]) .validator("Auth/SignUp"); ```````````` ## Kondisi Yang Divalidasi Poin utama validator dalam bekerja terletak pada rules masukkan yang divalidasi dengan beberapa daftar kondisi pada modul validator, pada adonis ada banyak kondisi yang divalidasi diantaranya yang sering digunakan seperti : 1. Required (Masukkan yang wajib di isi) 2. Min (Jumlah minimum karakter yang di isi) 3. Max (Jumlah minimum karakter yang di isi) Ada juga kondisi seperti tipe masukkan yang divalidasi seperti : 1. number (Hanya masukkan angka) 2. string (Hanya memasukkan tipe data string) 3. email (Hanya memasukkan tulisan yang memiliki format email seperti @) 4. unique (Hanya dapat memasukkan data yang unik atau tidak sama dengan yang lain) Untuk melihat daftar - daftar kondisi yang divalidasi, anda perlu mengunjungi [halaman ini](https://indicative-v5.adonisjs.com/). ## Contoh Penggunaan Dalam beberapa kasus seperti pendaftaran akun sebuah aplikasi, tentunya validator sangat berfungsi untuk mencegah terjadinya munculnya pesan kesalahan sistem, meskipun pada tujuan pembuatannya sama - sama untuk menampilkan pesan kesalahan ketika ada yang salah namun lebih baik jika validator digunakan untuk mengurangi penyalahgunaan. Saya akan membuat sebuah method pada controller untuk membuat form pendaftaran akun pada aplikasi Question and Answer yang terdapat pada [repositori saya](https://github.com/ambrizals/qa_adonis), untuk prosesnya atau kode yang ditulis bisa kamu lihat dibawah ini : ```````````` // Menampilkan Form Pendaftaran async signUp({ view }) { return view.render("auth.signup"); } // Mengeksekusi Perintah Pembuatan Akun async createUser({ request, response, session }) { const { username, password, email } = request.all(); const user = new User(); user.username = username; user.password = password; user.email = email; // const created = null; const created = await user.save(); if (created) { session.flash({ notification: "Akun telah berhasil terdaftar !" }); return response.route("auth.loginForm"); } session.flash({ notification: "Terjadi Kesalahan !" }); return response.route("auth.signup"); } ```````````` Karena saya menggunakan validator pada route, maka saya perlu membuat validator dengan menggunakan adonis cli dan mendefinisikan aturan yang divalidasi, pesan kesalahan yang muncul dan apakah semua aturan divalidasi. ```````````` "use strict"; class AuthSignUp { get rules() { return { // Username harus di isi dan harus unik username: "required|unique:users", // Email harus di isi, sesuai dengan format email dan harus unik email: "required|email|unique:users", // Password harus di isi password: "required", }; } get messages() { return { // Ketika username tidak disi "username.required": "Username wajib di isi !", // Ketika username telah digunakan oleh orang lain "username.unique": "Username ini sudah digunakan !", // Ketika email tidak di isi "email.required": "Email wajib di isi !", // Ketika format penulisan email tidak benar "email.email": "Format penulisan email tidak benar !", // Ketika email telah digunakan orang lain "email.unique": "Email ini sudah digunakan !", // Ketika password tidak di isi "password.required": "Password wajib di isi !", }; } get validateAll() { return true; } } module.exports = AuthSignUp; ```````````` File validator telah siap, saatnya saya untuk memilih route mana yang ingin di pasangkan validator. pada file ````````start\routes.js```````` ```````````` Route.post("signup", "AuthController.createUser") .as("auth.createUser") .middleware(["guest"]) .validator("Auth/SignUp"); ```````````` Supaya kamu tidak bingung, saya akan melampirkan file view yang digunakan untuk menampilkan halaman pendaftaran. ```````````` @layout('layouts.default') @section('title') Pendaftaran Akun @endsection @section('hero')

Pendaftaran Akun

Anda dapat melakukan diskusi setelah bergabung

@endsection @section('content')

@if(flashMessage('notification'))

@endif

@endsection ```````````` ### Hasil Contoh Penggunaan Saat saya menyelesaikan validator, controller dan route saya mencoba untuk memasukkan data yang dapat menampilkan pesan kesalahan tersebut. Contoh tersebut hanya dilakukan saat kondisi setiap field memiliki data yang sama dengan data yang lain pada basis data, sehingga pesan kesalahan unique akan ditampilkan. ![alt images](https://cbs.ambrizal.net/posts/Screenshot%20(110).png) ### Source Code Jika anda menginginkan source code sebagai bahan referensi dari tutorial ini, anda bisa melihat file commit [Validator Request dan Authentication Lanjutan](https://github.com/ambrizals/qa_adonis/commit/04c4872219475ab804e5dae07441d469de4685d7). Cover Images By : [Business vector created by rawpixel.com - www.freepik.com](https://www.freepik.com/free-photos-vectors/business)

Adonis JS: Melakukan Validasi Masukkan Dengan Validator