Que diriez-vous d'utiliser Alpine.js pour la validation de formulaire

Question

Je découvre un très bon framework Alpine.js. Mais je ne trouve pas comment insérer le cadre complet de validation de formulaire.

Pendant des années, j'ai utilisé JqueryValidation complète, mais cela nécessite JQuery ;-)

J'ai essayé Ionide.Js mais il n'y a pas beaucoup de validateurs qui se connectent à Laravel.

Vue.js a vuelidate et vee-validate, mais je ne sais pas comment les rendre compatibles avec Alpine.js. Es-tu?

Donc, avant de commencer à coder, je suis ici pour savoir si j'ai manqué des reçus sympas pour la validation de formulaire côté client à l'aide d'Alpine.js et un ensemble complet de règles.

Merci et bravo

Answer 1

Il existe de nombreux plugins et bibliothèques pour Jquery qui sont difficiles à trouver dans Alpine.js, je recherche toujours des packages vanilla js et des bibliothèques qui peuvent être utilisées avec alpine.js. Le lien de validation du formulaire est manquant dans Alpine.js. Pour la validation du formulaire, j'utilise la bibliothèque de validation Pristine.js vanilla js. Vous pouvez ajouter des règles de validation personnalisées pour les champs ainsi que les règles de validation disponibles

https://github.com/sha256/Pristine

Here is simple example Pristine used with alpine.js

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

J'espère que cela vous aidera à résoudre vos problèmes de validation de formulaire.