使用 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

希望這能幫助您解決表單驗證問題。