Bagaimana pula dengan menggunakan Alpine.js untuk pengesahan borang

Question

Saya sedang menemui rangka kerja Alpine.js yang begitu hebat. Tetapi saya tidak dapat mencari cara untuk memasukkan rangka kerja pengesahan borang yang lengkap.

Selama bertahun-tahun saya menggunakan JqueryValidation penuh, tetapi ia memerlukan JQuery ;-)

Saya mencuba Ionide.Js tetapi ia tidak mempunyai banyak pengesah yang dipalamkan ke Laravel.

Vue.js mempunyai vuelidate dan vee-validate, tetapi saya tidak tahu cara menjadikannya serasi dengan Alpine.js. Adakah awak?

Jadi sebelum saya memulakan pengekodan, saya berada di sini untuk mengetahui sama ada saya telah terlepas beberapa resit hebat untuk pengesahan borang pihak pelanggan menggunakan Alpine.js dan satu set peraturan yang lengkap.

Terima kasih dan Ceria

Answer 1

Terdapat banyak pemalam dan perpustakaan untuk Jquery yang sukar ditemui di Alpine.js, saya sentiasa mencari pakej vanilla js dan perpustakaan yang boleh digunakan dengan alpine.js. Pautan pengesahan borang tiada dalam Alpine.js. Untuk pengesahan borang saya menggunakan perpustakaan pengesahan js vanila Pristine.js. Anda boleh menambah peraturan pengesahan tersuai untuk medan serta peraturan pengesahan yang tersedia

https://github.com/sha256/Pristine

Here is simple example Pristine used with alpine.js

https://codepen.io/blcveen/pen/abdpNKW

Semoga ini membantu anda dengan isu pengesahan borang anda.