5137a64cceda2d12de07cabe78f0520f95f5dceb
orico_vue3_demo
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
Customize configuration
vee-validate 验证
| alpha | alpha_dash | alpha_num | alpha_spaces |
| between | confirmed | dimensions | |
| excluded | ext | image | one_of |
| integer | is | is_not | length |
| max | max_value | mimes | min |
| max | max_value | mimes | min |
| min_value | numeric | regex | required |
| size | url | mobile | tel |
| identify | decimal | letter_upper | letter_lower |
| character_cn | zipcode | fax |
- alpha:包含字母字符
<!-- string format -->
<Field name="field" rules="alpha" />
<!-- object format -->
<Field name="field" :rules="{ alpha: true }" />
- alpha_dash:包含字母字符、数字、破折号或下划线
<!-- string format -->
<Field name="field" rules="alpha_dash" />
<!-- object format -->
<Field name="field" :rules="{ alpha_dash: true }" />
- alpha_num:包含字母字符或数字
<!-- string format -->
<Field name="field" rules="alpha_num" />
<!-- object format -->
<Field name="field" :rules="{ alpha_num: true }" />
- alpha_spaces:包含字母字符或空格
<!-- string format -->
<Field name="field" rules="alpha_spaces" />
<!-- object format -->
<Field name="field" :rules="{ alpha_spaces: true }" />
- between:字段必须具有由最小值和最大值限定的数值
<!-- string format -->
<Field name="field" rules="between:1,10" />
<!-- object format with shorthand array -->
<Field name="field" :rules="{ between: [1, 10] }" />
<!-- object format with named arguments -->
<Field name="field" :rules="{ between: { min: 1, max: 10 } }" />
- confirmed:验证的字段必须具有与确认字段相同的值
<Form>
<Field name="password" type="password" />
<Field name="confirmation" type="password" rules="confirmed:@password" />
</Form>
- digits:字段必须是数字并且具有指定的位数
<!-- string format -->
<Field name="field" rules="digits:3" />
<!-- object format -->
<Field name="field" :rules="{ digits: 3 }" />
- dimensions:字段的文件必须是具有确切指定维度的图像(jpg、 svg、 jpeg、 png、 bmp、 gif)。
<!-- string format -->
<Field name="field" type="file" rules="dimensions:120,120" />
<!-- object format -->
<Field name="field" :rules="{ dimensions: [120, 120] }" />
<!-- object format with named arguments -->
<Field name="field" :rules="{ dimensions: { width: 120, height: 120 } }" />
- email:字段必须是有效的电子邮件
<!-- string format -->
<Field name="field" rules="email" />
<!-- object format -->
<Field name="field" :rules="{ email: true }" />
- excluded:正在验证的字段必须有一个不在指定列表中的值
<!-- string format -->
<Field name="field" rules="excluded:1,3" />
<!-- object format -->
<Field name="field" :rules="{ excluded: [1, 3] }" />
- ext:字段的文件必须具有指定的扩展名之一
<!-- string format -->
<Field name="field" rules="ext:jpg,png" />
<!-- object format -->
<Field name="field" :rules="{ ext: ['jpg', 'png'] }" />
- image:验证字段中的文件必须具有图像 mime 类型(image/*)
<!-- string format -->
<Field name="field" rules="image" />
<!-- object format -->
<Field name="field" :rules="{ image: true }" />
- integer:验证下的字段必须是有效的整数值。不接受指数表示法
<!-- string format -->
<Field name="field" rules="integer" />
<!-- object format -->
<Field name="field" :rules="{ integer: true }" />
- is:验证下的字段必须匹配给定的值,并使用严格的相等性
<!-- string format -->
<Field name="field" rules="is:hello" />
<!-- object format -->
<Field name="field" :rules="{ is: 'hello' }" />
- is_not:验证下的字段必须与给定的值不匹配,并使用严格相等
<!-- string format -->
<Field name="field" rules="is_not:world" />
<!-- object format -->
<Field name="field" :rules="{ is_not: 'world' }" />
- length:验证下的字段必须具有指定的项数,只能用于迭代对象,允许的迭代值包括字符串、数组和任何可以与 Array.from 一起使用的对象
<!-- string format -->
<Field name="field" rules="length:5" />
<!-- object format -->
<Field name="field" :rules="{ length: 5 }" />
- max:验证长度下的字段不能超过指定的长度
<!-- string format -->
<Field name="field" rules="max:10" />
<!-- object format -->
<Field name="field" :rules="{ max: 10 }" />
- max_value:正在验证的字段必须是一个数值,并且不能大于指定的值
<!-- string format -->
<Field name="field" rules="max_value:10" />
<!-- object format -->
<Field name="field" :rules="{ max_value: 10 }" />
- mimes:在验证下添加到字段的文件类型应该具有指定的 mime 类型之一
<!-- string format -->
<Field name="field" rules="mimes:image/jpeg" />
<!-- object format -->
<Field name="field" :rules="{ mimes: ['image/jpeg'] }" />
- min:验证长度下的字段不应小于指定的长度
<!-- string format -->
<Field name="field" rules="min:3" />
<!-- object format -->
<Field name="field" :rules="{ min: 3 }" />
- min_value:正在验证的字段必须是一个数值,并且不能小于指定的值
<!-- string format -->
<Field name="field" rules="min_value:5" />
<!-- object format -->
<Field name="field" :rules="{ min_value: 5 }" />
- numeric:正在验证的字段必须只包含数字
<!-- string format -->
<Field name="field" rules="numeric" />
<!-- object format -->
<Field name="field" :rules="{ numeric: true }" />
- one_of:正在验证的字段必须具有指定列表中的值
<!-- string format -->
<Field name="field" rules="one_of:1,2,3" />
<!-- object format -->
<Field name="field" :rules="{ one_of: [1, 2, 3] }" />
- regex:验证下的字段必须与指定的正则表达式匹配
<!-- string format: NOT RECOMMENDED -->
<!-- object format -->
<Field name="field" :rules="{ regex: /^[0-9]+$/ }" />
- required:正在验证的字段必须有一个非空值。默认情况下,如果验证器具有“空值”,则所有验证器都通过验证,除非它们是必需的。这些空值是空字符串、未定义、 null、 false 和空数组。
<!-- string format -->
<Field name="field" rules="required" />
<!-- object format -->
<Field name="field" :rules="{ required: true }" />
- size:字段的文件大小不得超过指定的大小(单位为千字节)
<!-- string format -->
<Field name="field" type="file" rules="size:250" />
<!-- object format -->
<Field name="field" :rules="{ size: 250 }" />
- url:验证下的字段必须是有效的 url。如果你需要更多的限制,你可以传递一个模式。
<!-- string format -->
<Field name="field" type="url" rules="url" />
<!-- object format -->
<Field name="field" type="text" :rules="{ url: 'https://.*' }" />
- mobile:验证是否为手机号
<!-- string format -->
<Field name="field" rules="mobile" />
- tel:验证是否为电话
<!-- string format -->
<Field name="field" rules="tel" />
- identify:
<!-- string format -->
<Field name="field" rules="identify" />
- decimal:验证小数位数
<!-- string format -->
<Field name="field" rules="decimal:2" />
- letter_upper:是否为大写字母
<!-- string format -->
<Field name="field" rules="letter_upper" />
- letter_lower:是否为小写字母
<!-- string format -->
<Field name="field" rules="letter_lower" />
- character_cn:是否为中文字符
<!-- string format -->
<Field name="field" rules="character_cn" />
- zipcode:邮政编码格式验证
<!-- string format -->
<Field name="field" rules="zipcode" />
- fax:传真格式验证
<!-- string format -->
<Field name="field" rules="fax" />
Description
Languages
Vue
90.6%
JavaScript
8.4%
SCSS
0.9%
HTML
0.1%