vue中vee validate表单校验的几种基本使用
今天主要记录一下用vee-validate来进行表单校验的几个基本使用。包括最基础的必填和长度校验;异步请求服务的校验(重名校验),还有延迟校验。如何引入等就不在这里赘述了,直接进入主题。 1.必填和长度校验直接采用v-validate属性进行配置,不同的校验采用 ‘|' 隔开。是否有报错根据 errors.has('userName') 进行判断,‘userName'对应的是表单的name属性的值。
用户名
结果如下: 从结果我们可以看到,校验的错误信息是展示了,但是默认都是英文的,这个可能有时跟我们实际开发的需求不是一致的。这个我们可以采用 vee-validate的国际化去进行中文的展示。但是这里我要介绍的是另一种方式,如果是系统只需要支持一种语言,我觉得用这种方式就可以。 直接采用 优点是:配置简单,方便实现个性化提示。 用户名
2.异步校验 和延迟异步校验,主要就是两部分,一个是校验器的定义,一个是使用 定义部分: new Promise((resolve) => {
setTimeout(() => {
if (emailsDB.indexOf(value) === -1) {
return resolve({
valid: true
});
}
return resolve({ 使用: 邮箱
结果: 其中 以下是几个例子的完整代码:
总结以上所述是小编给大家介绍的vue中vee validate表单校验的几种基本使用。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- Vuejs第十二篇之动态组件全面解析
- oracle – 解析ORA-4031“无法分配x字节的共享内存”
- Hack 32 使用Cocos2dx 增强应用 实现下雪效果
- jwplayer 源代码重新编译
- unknown error (Sqlite code 14): Could not open database
- jsonStore在firefox和ie中兼容性问题
- Oracle wait event --- PGA
- STL中“大”、“小”和“相等”的概念
- ruby – 强大地调用一个flaky API:使用Net :: HTTP进行适当
- swift – 无法绑定到0.0.0.0:8080,它可能正在使用或需要sud