vee-validate v-validate使用规则
表单检测这是vue的一个插件,网上教程因为配置和版本的关系容易让人一头雾水。我自己也不会但是摸着石头过河,这里记录几个要点。1.插件你需要先安装,注册,然后你需要配置一个文件VeeValidate.js(别问,问就是抄,写法是真的多,建议github)2.不管哪个版本,名字怎么变,标签内都需要两个要点,name(field)和v-validate(规则),name是用来匹配配置文件内的字典或...
表单检测这是vue的一个插件,网上教程因为配置和版本的关系容易让人一头雾水。
我自己也不会但是摸着石头过河,这里记录几个要点。
1.插件你需要先安装,注册,然后你需要配置一个文件VeeValidate.js(别问,问就是抄,写法是真的多,建议github)
2.不管哪个版本,名字怎么变,标签内都需要两个要点,name(field)(data-vv-name)和v-validate(规则),name是用来匹配配置文件内的字典或者填充错误信息,可以不写但是我总结是写上就会省好多事。部分验证也需要用name。
3.规则写法v-validate="‘required|numeric|length:4’"
v-validate="{required: true}"
4.js内校验写法// validate all fields.
// 校验全局范围所有字段
validator.validate(); === validateAll() 两个方法完全一样。
// validate a field that has a matching name with the provided selector.
// 校验哪个字段? field 取name的值。
validator.validate(‘field’);
// validate a field within a scope.
// 校验 某个域内 的某个字段。
validator.validate(‘scope.field’);
// validate all fields within this scope.
// 校验 某个域内的所有字段。 上述例子就是用的这个。 _
validator.validate(‘scope.*’);
// validate all fields without a scope.
// 校验没有定义域内的 字段。适用场景: 校验场景分为两种: 定义域的,没有定义域。
// 当页面所有需要校验的字段,都定义了域,则这个方法会导致没有可校验的值,直接返回true
validator.validate(’*’);
5.使用部分验证时返回的布尔值是对的,但是错误信息里居然有所有的校验结果,不懂,反正写js只取所需。
更多推荐
所有评论(0)