Vant + VeeValidate 3 양식 유효성 검사
2234 단어 vue
인터넷에서 한 번 찾아봤는데 vue에서 폼 검사를 했는데 라이브러리 VeeValidate가 있는데 폼 검사를 전문적으로 하는 거예요.이 라이브러리로 폼 검사를 실현하는 사람도 많다.인터넷에서 찾아보니 많은 사람들이 블로그에 쓴 것이 모두 VeeValidate의 초기 버전 코드로 현재의 최신 버전에 적용되지 않는다.오후에 문서를 봤는데 아주 간결하고 알기 쉬워서 데모를 간단하게 썼어요.
“ ”, 【 】
import { ValidationObserver, ValidationProvider, extend } from 'vee-validate'
import { required } from 'vee-validate/dist/rules'
import { CHECK_MOBILE_PHONE } from '../../util/validate'
extend('mobilePhone', {
validate:value=>{
return CHECK_MOBILE_PHONE(value)
},
message:' '
})
extend('mobileRequired', {
...required,
message: ' !'
})
export default {
name: 'binding',
components: {
ValidationObserver,
ValidationProvider
},
mixins: [],
props: {},
data() {
return {
regForm: {
mobileNumber: '',
veryCode: ''
}
}
},
computed: {},
watch: {},
created() {
},
mounted() {
},
destroyed() {
},
methods: {
onSubmit() {
this.$refs.form.validate().then(success => {
console.log(success)
})
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.