Validasi di client side secara otomatis

[anandiamy]

Ceritakan masalah yang Anda hadapi sekarang! Biasanya client menghendaki adanya validasi di client side bukan hanya di server side, sehingga kami selaku programmer biasanya membuat validasi secara manual

Solusi seperti apa yang Anda bayangkan? Menambah function validate(FormRequest) Sehingga nanti penggunaannya akan seperti ini : Form::post('search')->validate(UpdatePostRequest::class)

Referensi atau contoh solusi yang sudah ada

1. Aire : ini hampir sama seperti semantic-form tapi sepertinya berbasis bootstrap. Sistem client side validation nya menggunakan plugin javascript validatorjs Validatorjs ini terinspirasi dari Laravel Validation sehingga rule2 nya hampir sama
2. Laravel Js Validation : ini sepertinya gak perlu nambah di semantic-form nya, tapi aku belum nemu bagaimana jika dalam satu halaman punya banyak form
3. YII2 juga mempunyai sistem auto client side validation dengan menggunakan ActiveForm => https://www.yiiframework.com/doc/api/2.0/yii-widgets-activeform

[uyab]

Sepakat dengan cara pemakaiannya, harusnya kita bisa memanfaatkan FormRequest untuk validasi di client side.

Opsi kedua nampak menarik. Sebenarnya bakal lebih menarik kalau kita bisa memanfaatkan form validation bawaan Fomantic-UI.

Atau, kalau kita submit form via Ajax, apakah client side validation ini masih diperlukan?

[anandiamy]

client side validation ini harus muncul sebelum user mengklik submit, kalau validasi setelah submit itu pakai server side validation aja

jadi pakai ajax ataupun tidak tetap diperlukan

[uyab]

Kapan tepatnya validasi ini akan dilakukan? Apakah setiap kali selesai mengisi satu field? Ada demo atau contoh implementasinya di tempat lain ga ya?

[anandiamy]

ini contoh di YII2 menggunakan ActiveForm Validasi dilakukan secara realtime, ketika user sedang mengetik/onkeyup/onchange Jadi sebelum user menekan submit, validasi sudah harus dilakukan

[ramaID]

referensi yang mungkin bisa di praktikkan https://github.com/proengsoft/laravel-jsvalidation