[js]vee-validate自定义告警信息和自定义规则

最新推荐文章于 2023-08-05 16:29:04 发布
最新推荐文章于 2023-08-05 16:29:04 发布
阅读量1.1k 收藏
点赞数
分类专栏： # vue 文章标签： veeValidate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jameskaron/article/details/108399581
版权
本文介绍了如何在vee-validate中自定义验证规则和实现国际化。通过在组件引用和Vue的computed属性中定义规则，特别是处理不需Promise回调的情况。同时，展示了如何进行国际化设置，修改特定验证关键字的错误消息，以及使用resolve处理验证结果。在 Laravel 项目中，需要注意缓存问题可能影响JS更新。
摘要由CSDN通过智能技术生成

https://vee-validate.logaretm.com/v2/guide/rules.html#date-format-params

本身框架自带很多验证,但是如果想自定义规则或者国际化,就需要一些自定义操作

1. 在页面的组件引用:

2. 在vue的computed里添加规则:

注意,有些规则不需要写promise回调,有些不写的话会报错:

Cannot read property 'then' of undefined

换成上面promise的写法即可

例如decimal这类正则验证可以不写:

最低0.47元/天 解锁文章
jameskaron
关注
专栏目录
vee-validate vue 2.0自定义表单验证的实例
12-10
亲测可用 学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。 一、安装 您可以通过npm或通过CDN安装此插件。 1. NPM npm install vee-validate --save 2. CDN [removed][removed] [removed][removed] [removed] Vue.use(VeeValidate); // good to go. [removed] 或者你可以使用ES6导入它： import Vue from 'v
[Vue]vee-validate的使用——自定义校验规则及校验message
weixin_30423977的博客
09-04 1837
1.安装vee-validate npm install vee-validate --save 2.main.js里引用vee-validate插件 import Vue from 'vue' import VeeValidate,{ Validator } from 'vee-validate' Vue.use(VeeValidate); n...
关于vee-validate自定义验证
qq_39598092的博客
09-07 2081
<template> <div style="width: 500px; float: right;"> 自定义验证 <input type="tel" v-model="username" name="username" v-validate="{regex : resg}" data-vv-name=&
vee-validate vue 2.0自定义表单验证
小亮同学
12-28 8145
vee-validate vue 2.0自定义表单验证亲测可用学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。 1. NPMnpm install vee-validate --save2. CDN<script src="path/to/vue.js"></script> <script src="path/to/
自定义组件校验-使用vee-validate
weixin_33937913的博客
11-07 543
2019独角兽企业重金招聘Python工程师标准>>> ...
Vue2.0表单校验组件vee-validate的使用详解
08-30
Vue2.0表单校验组件vee-validate的使用详解 vee-validate是一款功能强大且...本文仅仅只是vee-validate的基本使用教程，vee-validate还提供了许多其他的功能和配置项，例如自定义校验规则、多语言支持、可扩展性等等。
ree-validate:简单的React.js输入验证插件从vee-validate扩展
05-02
VeeValidate是一个库 ，使您可以验证输入字段，并显示错误。 该插件的灵感来自。 安装 npm npm install ree-validate --save 纱 yarn add ree-validate 入门 import ReeValidate from 'ree-validate' 安装类名以...
vee-validate表单验证（自定义验证规则）
最新发布
m0_48799309的博客
08-05 658
① v-validate="{required:true,phone:true}"或者v-validate="'required|phone'" 里的required和phone都是上面写过的规则。这里的文件设计思路是：把自定义的部分作为一个单独的文件（src\utils\validate.js）去整理，需要的正则是另一个文件（src\utils\reg.js）3.在你需要使用的文件中做基础配置（src\utils\validate.js）1.首先要在main.js中导入，以确保你能在这个项目中使用它。
VeeValidate 的内置的校验规则
weixin_43328237的博客
12-06 1818
after{target} - 比target要大的一个合法日期，格式(DD/MM/YYYY) alpha - 只包含英文字符 alpha_dash - 可以包含英文、数字、下划线、破折号 alpha_num - 可以包含英文和数字 before:{target} - 和after相反 between:{min},{max} - 在min和max之间的数字 confirmed:{target} -...
Validate自定义验证规则
hexianfan的博客
03-28 200
, "请正确输入信用代码！");
vue中使用自定义校验规则，如何动态传递参数？
ICanWin_lll的博客
08-25 1296
在做项目的过程中，遇到自定义的校验规则传入的参数需要根据用户的选择和后端的返回结果动态修改，解决方法是： 在监听到用户操作之后，this.$set(this.rules.xxx.xx),利用$set修改传入的参数 ...
VeeValidate--validate vue forms
tutorzhu的博客
03-14 320
VeeValidatie的使用示例
在Vue中使用表达验证插件vee-validate
ajiuyuan的博客
07-01 286
第一步安装包: 在cmd命令行中执行以下代码 //选择安装包的版本 cnpm install vee-validate@"<3.0.0" --save 第二步创建执行模块: 在plugins中新建文件validate.js文件引入以下代码 / 引入Vue import Vue from 'vue'; // 引入VeeValidate插件 import VeeValidate from 'vee-validate'; import zh_CN ...
vue初始化时，使用split报undefined
yyl的博客
01-03 2578
初始化时，使用split报undefined 进行字符串和数组相互转换时，使用split报如下错误 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'split' of undefined" 刚开始以为是split使用错误，后来才知道在created中进行初始化时，是异步加载，数据还未获取到，所以对数组、对...
修改validate默认规则的错误消息
o0__0的博客
01-11 2171
注意zh_CN是vee-validate/dist/locale/zh_CN.js文件，有些版本是cn,zh_CN换成cn就行了 const dictionary = { zh_CN: { messages: { required: () => '请填写内容', ip:()=>'请输入有效的IP地址' }
Vue使用vee-validate表单校验
热门推荐
G-shitou的博客
11-22 1万+
Vue使用vee-validate表单校验 本文章主要分享作者在使用vee-validate时的用法和常用配置操作. 1.安装和使用 // 安装 npm install vee-validate --save // 使用 import VeeValidate, { Validator } from 'vee-validate'; // 引用中文信息提示 import zh from 'vee-v...
关于vee-validate3.0用法
qq_24243695的博客
09-10 4750
网上关于vee-validate3.0的文章并不多，但是很幸运有详细的官方文档。由于没有用过vee-validate2.x版本，加上技术没那么牛逼，所以阅读起来有些障碍。花了比较多的时间去阅读文档和采坑，终于有了点心得。先把遇到的情况写下来，以后再详细补充。 vee-validate3.0有什么方法提供我们使用，暴露出多少接口？ 可以查看vee-validate3.0的源码 export { Va...
vue表单验证 vee-validate
点点悠悠的点点滴滴
04-18 8844
表单验证是非常常用的功能，百度找到了vee-validate，官网http://vee-validate.logaretm.com/index.html
使用vee-validate表单插件是如何设置中文提示？
weixin_40089510的博客
04-03 897
靠谱答案，必须收藏！ https://www.cnblogs.com/jinrupeng/p/8034531.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值