폼 (Form)

Vuetify 는 폼 유효성 검사(validation)과 관련하여 다양한 통합기능을 가지고 있고 기능면에서 숙성되어 있습니다. 서드파티(3rd party) 플러긴을 사용하고 싶습니까? Out of the box you can use Vee-validate and vuelidate.

사용법

내장된 v-form 컴포넌트는 폼에 입력에 쉽게 유효성 검사를 추가할 수 있게 합니다. 모든 입력 컴포넌트는 함수 배열을 사용하는 rules prop을 가지고 있습니다. 입력 값이 변경될때 마다, 배열의 각 함수는 새로운 값을 받습니다. 함수가 false나 문자열을 반환하면, 유효성 검사는 실패한 것으로 간주됩니다.


API

v-form

예제

서브밋/클리어 유효성 검사 (Validation with submit & clear)

v-form 컴포넌트는 ref를 설정하여 액세스할 수 있는 두 개의 함수를 가지고 있습니다. validate() 함수는 모든 입력값에 대해 유효성을 검사하고 모두 유효한지를 리턴합니다. reset() 함수는 모든 인풋(inputs)에서 유효성 검사 에러를 제거합니다.


Vuelidate


Vee-validate

Vee-validate 폼을 체크하는 것을 도와주는 또 다른 유효성 검사 플러그인입니다. 한가지 주의사항(caveat)은 value prop을 사용할때 v-checkbox를 제대로 검사하기 위해 반드시 type="checkbox" 를 추가해야 한다는 점입니다