van-form 表单验证

532 阅读1分钟

表单验证

先要在van.js中注册使用Form表单

  • van-form将表单元素包起来(表单元素值要绑定好v-model实现双向绑定)

  • 表单元素完成验证规则 :rules=[{required:true,message:'错误信息',trigger:'触发条件onChange/onBlur'},{pattern:正则,message:'错误信息',trigger:'触发条件}]

  • 通过ref调用van-form内的validate方法实现验证 van-form ref='form' this.$refs.form.validate().then(验证成功),catch(验证失败)

  • 微信图片_20221020110018.png