Wie wäre es mit der Verwendung von Alpine.js zur Formularvalidierung?

Question

Ich entdecke so ein tolles Alpine.js-Framework. Ich kann jedoch nicht finden, wie ich das vollständige Formularvalidierungs-Framework einfügen kann.

Ich habe jahrelang die vollständige JqueryValidation verwendet, aber es erfordert JQuery ;-)

Ich habe Ionide.Js ausprobiert, aber es gibt nicht viele Validatoren, die sich in Laravel integrieren lassen.

Vue.js verfügt über vuelidate und vee-validate, aber ich weiß nicht, wie ich sie mit Alpine.js kompatibel machen kann. Bist du?

Bevor ich also mit dem Codieren beginne, möchte ich hier herausfinden, ob ich einige coole Belege für die clientseitige Formularvalidierung mit Alpine.js und einen vollständigen Satz von Regeln verpasst habe.

Vielen Dank und viele Grüße

Answer 1

Jquery 有很多插件和库，在 Alpine.js 中很难找到，我总是寻找 vanilla js 包，以及可以与 alpine.js 一起使用的库。 Alpine.js 中缺少表单验证链接。对于表单验证，我使用 Pristine.js vanilla js 验证库。您可以添加字段的自定义验证规则以及可用的验证规则

https://github.com/sha256/Pristine

Here is simple example Pristine used with alpine.js

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

希望这能帮助您解决表单验证问题。