使用 Alpine.js 进行表单验证怎么样

Question

我正在发现如此出色的 Alpine.js 框架。 但我找不到如何插入完整的表单验证框架。

多年来我使用完整的 JqueryValidation，但它需要 JQuery ;-)

我尝试了 Ionide.Js，但它没有太多可插入 Laravel 的验证器。

Vue.js 有 vuelidate 和 vee-validate，但我不知道如何使它们与 Alpine.js 兼容。你是吗？

因此，在开始编写代码之前，我来这里是为了了解我是否错过了一些使用 Alpine.js 进行客户端表单验证以及一套完整规则的精彩收据。

感谢和欢呼

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

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