Vuejs2 Vee validate:如何在构建对象后附加多个验证规则
我是Vue.js开发的新手 使用Vee validate,我想将验证规则设置为“required”和“regex”(例如,telphone num应该是required&\d{11}) 我仔细地读了这本书 但是,我不知道如何在Vue实例的“created()”中放置包括正则表达式在内的两个条件 以下工作:Vuejs2 Vee validate:如何在构建对象后附加多个验证规则,vuejs2,vee-validate,Vuejs2,Vee Validate,我是Vue.js开发的新手 使用Vee validate,我想将验证规则设置为“required”和“regex”(例如,telphone num应该是required&\d{11}) 我仔细地读了这本书 但是,我不知道如何在Vue实例的“created()”中放置包括正则表达式在内的两个条件 以下工作: this.$validator.attach({ name: "tel", rules: "required" }); 但这不起作用: this.$validator.attach({
this.$validator.attach({ name: "tel", rules: "required" });
但这不起作用:
this.$validator.attach({
name: "tel",
rules: "{
required: true , regex: /\d{11}/
}'"
});
如何启用多个条件?我更喜欢自己使用指令版本。将VeeValidate导入组件后,您可以通过
v-validate
访问所有内置验证,并可以使用管道|
操作符将它们链接在一起:
<template>
<input name="email" type="text" v-model="emailData" v-validate="'required|email'">
<button @click="submit()"></button>
</template>
<script>
import VeeValidate from 'vee-validate'; //wherever your plugin is stored
data() {
return {
emailData: null,
},
},
methods: {
// call this method upon form submission, this will validate all fields using the specified validation
submit() {
this.$validator.validateAll().then((result) => {
if (result) {
// form/input(s) passed validation. Do something
}
});
}
</script>
它会打印一些错误信息还是什么?您是否尝试过挂载hook?请删除rules对象周围的双引号。应该是:
validator.attach({name:“tel”,规则:{required:true,regex:/\d{11}/})代码>规则:“{required:true,regex://\d{11}/}”是一个语法错误,表示“意外令牌:”
import { Validator } from 'vee-validate';
const validator = new Validator();
const expressions = {
required: true,
regex: /\d{11}/
};
validator.attach({ name: 'tel', rules: expression });
// continue with validator.validate() etc...