vue3.0使用vee-validate3.0校验插件
vee-validate3.0默认规则"alpha": "{_field_}只能包含字母字符","alpha_dash": "{_field_}能够包含字母数字字符、破折号和下划线","alpha_num": "{_field_}只能包含字母数字字符","alpha_spaces": "{_field_}只能包含字母字符和空格","betwee...
·
npm
npm install vee-validate --save
vee-validate3.0 内置默认规则
官方链接:
https://logaretm.github.io/vee-validate/api/rules.html#required
"alpha": "{_field_}只能包含字母字符",
"alpha_dash": "{_field_}能够包含字母数字字符、破折号和下划线",
"alpha_num": "{_field_}只能包含字母数字字符",
"alpha_spaces": "{_field_}只能包含字母字符和空格",
"between": "{_field_}必须在{min}与{max}之间",
"confirmed": "{_field_}不能和{target}匹配",
"digits": "{_field_}必须是数字,且精确到{length}位数",
"dimensions": "{_field_}必须在{width}像素与{height}像素之间",
"email": "{_field_}不是一个有效的邮箱",
"excluded": "{_field_}不是一个有效值",
"ext": "{_field_}不是一个有效的文件",
"image": "{_field_}不是一张有效的图片",
"oneOf": "{_field_}不是一个有效值",
"integer": "{_field_}必须是整数",
"length": "{_field_}长度必须为{length}",
"max": "{_field_}不能超过{length}个字符",
"max_value": "{_field_}必须小于或等于{max}",
"mimes": "{_field_}不是一个有效的文件类型",
"min": "{_field_}必须至少有{length}个字符",
"min_value": "{_field_}必须大于或等于{min}",
"numeric": "{_field_}只能包含数字字符",
"regex": "{_field_}格式无效",
"required": "{_field_}是必须的",
"required_if": "{_field_}是必须的",
"size": "{_field_}必须小于{size}KB"
regex 正则表达式校验示例:
<ValidationProvider :rules="{ regex: /^[0-9]+$/ }" v-slot="{ errors }">
<input type="text" v-model="value">
<span>{{ errors[0] }}</span>
</ValidationProvider>
oneOf 验证项下的字段必须具有指定列表中的值。使用双等号进行检查:
<ValidationProvider rules="oneOf:1,2,3" v-slot="{ errors }">
<select v-model="value">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Invalid</option>
</select>
<span>{{ errors[0] }}</span>
</ValidationProvider>
更多推荐
已为社区贡献1条内容
所有评论(0)