Vue 使用vant框架 rules规则

使用filed输入框中 props属性有个叫rules 但是！！！rules是配合form表单使用的一开始我没有在外面加<van-form></van-form> 导致一点效果都没有正确写法：pattern ：通过正则校验，message:错误提示文案，trigger ：触发时机（onBlur:在提交表单和输入框失焦时触发校验，onChange:在提交表单和输入框内容变化

小希睡不醒

3844人浏览 · 2021-11-06 12:20:56

小希睡不醒 · 2021-11-06 12:20:56 发布

使用filed输入框中 props属性有个叫rules 但是！！！rules是配合form表单使用的一开始我没有在外面加<van-form></van-form> 导致一点效果都没有

正确写法：

pattern ：通过正则校验，message:错误提示文案，trigger ：触发时机（onBlur:在提交表单和输入框失焦时触发校验，onChange:在提交表单和输入框内容变化时触发校验）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^