使用 Alpine.js 進行表單驗證怎麼樣

Question

我正在發現如此出色的Alpine.js框架。但我找不到如何插入完整的表單驗證框架。多年來我使用完整的JqueryValidation，但它需要JQuery;-)我嘗試了Ionide.Js，但它沒有太多可插入Laravel的驗證器。 Vue.js有vuelidate和vee-validate，但我不知道如何讓它們與Alpine.js相容。你是嗎？因此，在開始編寫程式碼之前，我來這裡是為了了解我是否錯過了

P粉968008175 · Answer

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

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

https://github.com/sha256/Pristine

Here is simple example Pristine used with alpine.js

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

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