Vue validate可以返回false，为true时不执行

最新推荐文章于 2023-11-16 13:34:24 发布
最新推荐文章于 2023-11-16 13:34:24 发布
阅读量1.2k 收藏
点赞数 2
分类专栏： VUE的BUG收集 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liudddsadsasa/article/details/119354430
版权

在这里记录一下此BUG
多注意一下data里面自定义的效验规则，查了几个博客，问题基本上都在这里面。
在这里插入图片描述
注意观察 cb参数=callback
如果没有返回参数或者写错了都会出现为true时不执行。
我这里是手机号验证规则 return cb 没写() 找了半天很尴尬…

liudddsadsasa
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VUE 常见问题 --- vue+el 验证时，只有在失败时返回，成功不返回的问题
weixin_45102071的博客
06-26 580
在使用 vue + el 做表单验证的时候，点击提交按钮，只有在 vaild 为false时执行，成功时没有反应 addUser() { this.$refs.addFormRef.validate(valid => { console.log(valid) }); } 只返回 false，成功时控制不报错，页面不执行 百度后解决： 在验证时，成功与否都要callback，并且要写对 callback（） var checkEmail = (rule,
easyui form validate总是返回false的原因及解决方法
09-01
例如，如果你希望字段不能为空，可以设置`required: true`；如果需要特定格式，如邮箱，可以设置`validType: 'email'`。 3. **使用`onValidate`回调**： 有时，你可能需要自定义更复杂的验证逻辑，这时可以使用`...
vue的validate
viviliving的专栏
09-02 5594
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> <body> <div id='app'> 请输入您想打开的网址, <br/> 判断规则是： <br/> 1. 务必以 "http://"开头 <br/> .
vue-表单预验证
weixin_43331769的博客
02-24 980
vue-表单预验证一、ref获取实例对象二、表单的校验回调函数（返回boolean值）三、请求路径配置四、vue的弹窗提示（表单） 一、ref获取实例对象 ref 表示当前组件的实例对象 此处的loginFormRef表示表单的实例对象 打印this 证明:通过this.$refs.loginFormRef可以获得该实例对象 二、表单的校验回调函数（返回boolean值） 1：通过re...
异步操作之后让await后续的代码能够继续执行
weixin_42349568的博客
04-20 2462
一，不使用try……catch包裹会导致后续代码不执行 function loginSet () { console.log('1111') return new Promise((resolve, reject) => { setTimeout(()=>{ console.log("22222") reject("报错") },10) }) } async function test(){ await login
vue项目中使用vee-validate表单验证
^_^
07-27 1226
官方文档https://vee-validate.logaretm.com/v4/ 支持vue3.0 npmhttps://www.npmjs.com/package/vee-validate 1.安装包 npm i vee-validate@4.0.3 2. 引入 组件 import { Form, Field } from 'vee-validate' components:{Form, Field} 3.结构 form就是表单 field就是表单项 ===input ...
vue表单验证你真的会了吗？vue表单验证（form）validate
10-17
如果所有规则都通过，`valid` 参数为 `true`，否则为 `false`。`trigger` 属性定义了何时触发验证，比如 `blur` 表示失去焦点时验证，`change` 表示值改变时验证。 在实际项目中，我们可能会遇到更复杂的场景，例如...
Vue2.0表单校验组件vee-validate的使用详解
08-30
Vue2.0表单校验组件vee-validate的使用详解 vee-validate是一款功能强大且灵活的Vue2.0表单校验组件，提供了多种方式来校验表单数据。这篇文章将详细介绍vee-validate的使用教程，包括安装、基本使用、Validator的...
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
10-17
如果输入值包含特殊字符，该方法将返回`false`，否则返回`true`。在本例中，`checkSpecificKey`函数已经定义了这个逻辑。 而`validateFontSize`方法可以用来限制字符长度，例如限制名称长度在指定范围内。我们可以...
Vue中使用vee-validate表单验证的方法
08-27
// 返回验证结果，true 或 false }, message: '请输入有效的身份证号' }); ``` 在模板中使用自定义规则： ```html <input type="text" name="idCard" v-model="idCard" v-validate="'idCard'" placeholder="请...
Vue Element校验validate的实例
10-14
主要介绍了Vue Element校验validate的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
validate没有返回值？
鼻涕泡泡的博客
08-23 631
UI库里，自定义form校验规则的时候，this.$refs.form.validate没有返回值？ 一定要加callback
VUE 表单验证 ! validate中的内容验证为false时执行,true时不执行
mengziwudao的博客
12-18 5426
作为初学者在VUE表单验证遇到一个大坑 onSubmitaddForm:function( formName ){ let _t = this; this.$refs[formName].validate((valid) => { console.log(123); conso...
Vue——切换登录方式案例小问题（input复用）——2020.11.17
weixin_43402353的博客
11-17 226
一丶案例链接 Vue切换登录方式案例 二丶案例小问题 （一）小问题： 如果我们在有输入内容的情况下，切换了类型，我们会发现文字一仍然显示之前的输入的内容 但是按道理讲，我们应该切换到另一个input的元素中 在另一个input元素中，我们并没有输入内容 为什么会出现这个问题呢？ （二）问题解答： 这是因为Vue在进行DOM渲染时，出于性能考虑，会尽可能的复用已经存在的元素，而不是重新创建新的元素 在案例中，Vue内部会发现原来的input元素不再使用，直接作为else中input来使用 （三）解决方
el-table中，后端返回0或1，渲染页面
qq_43628847的博客
05-18 732
<el-table-column align="center" label="在离场状态" width="100" prop="entryExitType"> <template slot-scope="scope"> {{ scope.row.entryExitType === '1' ? '在场' : '' }} {{ scope.row.entryExitType === '0' ? '离场' : '' }} </template>
ElementUI表单校验的validate方法返回参数始终为true的问题
Korbin的博客
03-15 7613
问题描述 按照官方例子调用validate方法： this.$refs.registerForm.validate((valid) => { console.log(valid) if (valid) { // this.registerNext = true } else { return false } }) 发现不管表单中内容是否检验通过，valid参数的值始终为true。 原
『前端日志』关于element-ui的表单校验validate返回的参数始终为true的问题
mad_house的博客
03-24 7029
最近在用vue+element-ui做简单的项目，遇到了一个百度不到原因的问题（可能是我不会描述问题，也可能是没人犯这么蠢的问题）：在用rules做表单验证的时候，validate函数的返回值valid一直是true，哪怕是错误的校验信息也是。放个官方的代码看一下： <el-form :model="numberValidateForm" ref="numberValidateForm" l...
vue当中的$refs[formName].validate详解
热门推荐
m0_57840341的博客
12-03 2万+
vue当中的$refs[formName].validate详解 //绑定好组件 <el-form ref="form" :rules="rules" ...> ... <el-form-item ref="name" label="名称:" prop="name"> <el-input v-model="form.name" placeholder="请输入名称"/> </el-form-item>
Vue3 | Element-Plus | 表单校验 | form | Validate|提交时调用validate()函数
最新发布
weixin_53377575的博客
11-16 6163
【代码】Vue3 | Element-Plus | 表单校验 | form | Validate。
vue中validate(valid)的使用案例
05-19
这样，在提交表单时，validate()方法会对表单数据按照验证规则进行验证，如果有验证失败的情况，会返回false并提示错误信息。如果所有验证规则都通过，返回true并提交表单数据。通过valid属性来判断表单是否验证通过...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值