양식 유효성 검사에 Alpine.js를 사용하는 것은 어떻습니까?

Question

저는 정말 훌륭한 Alpine.js 프레임워크를 발견하고 있습니다. 하지만 완전한 양식 유효성 검사 프레임워크를 삽입하는 방법을 찾을 수 없습니다.

몇 년 동안 저는 전체 JqueryValidation을 사용했지만 JQuery가 필요합니다 ;-)

Ionide.Js를 사용해 보았지만 Laravel에 연결할 수 있는 유효성 검사기가 많지 않습니다.

Vue.js에는 vuelidate와 vee-validate가 있지만 Alpine.js와 호환되게 만드는 방법을 모르겠습니다. 당신은?

그래서 코딩을 시작하기 전에 Alpine.js와 전체 ​​규칙 세트를 사용한 클라이언트측 양식 검증에 대한 멋진 영수증을 놓쳤는지 알아보기 위해 여기에 왔습니다.

감사하고 응원합니다

Answer 1

Alpine.js에는 찾기 힘든 Jquery용 플러그인과 라이브러리가 많이 있는데, 저는 항상 바닐라 js 패키지와 alpine.js와 함께 사용할 수 있는 라이브러리를 찾아봅니다. Alpine.js에 양식 유효성 검사 링크가 없습니다. 양식 유효성 검사를 위해 Pristine.js 바닐라 js 유효성 검사 라이브러리를 사용합니다. 필드에 대한 사용자 정의 유효성 검사 규칙은 물론 사용 가능한 유효성 검사 규칙도 추가할 수 있습니다

https://github.com/sha256/Pristine

으아악

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

이 정보가 양식 유효성 검사 문제를 해결하는 데 도움이 되기를 바랍니다.