element ui 表单验证不过

已于 2023-07-20 16:58:01 修改
阅读量312 收藏
点赞数 1
文章标签： elementui 前端
于 2023-07-19 14:18:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_56274002/article/details/131807598
版权

1. 出现警告['xxx is not a string','xxx must be between 1 and 5']

提交数据不是string  转换为字符串格式即可   num.toString()

2.检查prop 是否跟v-model  字段名称是否一致

3.检查 :rules 是否绑定重复 或者绑定错误

猫328
关注
解决vue+ element ui 表单验证有值但验证失败问题
10-15
主要介绍了vue+ element ui 表单验证有值但验证失败，本文通过实例代码给大家分享解决方案，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
Element-ui表单校验不通过,input内有内容仍验证失败的问题
weixin_61597234的博客
10-08 3227
解决form表单有内容，但校验不通过的问题
el-element 表单校验对象类型提示 ‘ ‘ is not a string
weixin_43882265的博客
08-01 5090
Element表单验证rules整理](https//blog.youkuaiyun.com/weixin_49431999/article/details/109721425)其实该下拉框中已经有值了，只是值的类型是对象，所以报错提示nodeisnotastring。标志要使用的validator的数据类型为object（对象）类型。......
关于 element UI 表单验证数字类型提示 “xx is not a string“
qq_39275718的博客
07-05 4499
原因： 原因出在校验规则上，官方文档没有说明一个细节，如果你用数字校验，也用了v-model.number，你原来的校验规则里如果有target: 'blur'，需要去掉 呢么随着校验也会随之消失这不是我们想要的结果。 解决方案: 给校验加上type类型限制就像这样 type: 'number' { required: true, type: 'number', target: 'blur', message: '培训积分不能为空' } 我尝试了一下在输入时不会报错但回显时还是会报 "xx ..
element-ui 如何获取未通过校验的字段
qq_36437172的博客
10-14 4394
在添加了表单校验后，提交表单时，我们使用 validate 方法进行表单校验，代码如下： submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); return false; } }); }, 我们可以看到 vali
Vue ~ element-ui 动态表单验证，支持添加和删除操作
07-27
本项目“Vue ~ element-ui 动态表单验证”是针对Vue和Element-UI的一个应用场景，主要关注的是动态表单验证以及表单元素的增删操作。下面我们将详细探讨这些知识点。 1. Vue.js动态表单验证： Vue.js允许开发者通过...
详解element-ui中表单验证的三种方式
10-16
在使用Element-UI开发时，表单验证是必不可少的功能之一，它可以帮助我们保证用户输入的数据是正确和有效的。本文将详细介绍Element-UI中表单验证的三种常用方式，并通过示例代码进行说明。 首先，Element-UI提供的...
Element UI表单设计及代码生成器
03-31
Element UI表单设计及代码生成器是一个非常实用的工具，专为基于Vue.js框架和Element UI库的开发者设计。这个工具极大地简化了开发过程中的表单创建任务，它允许用户通过直观的图形界面来设计表单，然后自动生成相应...
【vue】element表单验证——点击提交时，未校验直接通过
hggl_bera的博客
12-17 1528
问题： 点击校验时未通过校验直接通过，如下图所示，直接走valid === true 原因： 暂时未找到，等闲下来好好看看 解决办法： 将trigger: 'blur'改为 trigger: ['blur','change']，问题解决，代码如下 addContactRules: { refEmpId: [{ required: true, message: '请选择', trigger: ['blur','change'] }], phoneNumber: [{ requ
解决element 表单验证不通过的俩大坑
qq_44162778的博客
06-25 4203
本文章解决本人项目中遇到的俩大坑（希望对遇到同样问题的你们有帮助） 问题场景： 在封装的表单组件中实现非空验证 问题描述： 1、修改时失去焦点时验证有作用 然后点击表单提交验证没作用，不管有没有内容，验证都通过 2、添加时输入了内容，检查了 :model,prop,ref等都没有问题，但是始终验证不通过提示不能为空 3、添加表单验证通过了后，点击提交时对象中的属性全部为空值了 解决问题： 1、第一个问题导致提交验证失效的原因是因为我嵌套了两层el-form标签导致的（我觉得应该是因为有两层el-form 导
elemengui多选表格超出允许数量后再次选择给出提示信息
z294286540的专栏
11-04 672
elemengui多选表格超出允许数量后再次选择给出提示信息，包含单选和全选
【坑】element表单校验坑：validate类型错误&提示“is not a string“
DrLemonPie的博客
04-02 3857
一些工作上碰的问题，element表单组件的校验功能，踩了第二次了……而且还都是小错误，卡半天。 validate类型错误 bug表现：表单项永远验证返回错误，debug时validate变量显示type error 原因：data中表单的数据存在层级关系，而prop的时候没有考虑，主要是对prop校验规则的原理不熟悉。prop的值必须和当前表单数据的层级关系一致。 比如 Data: {a: 'a', b: 'b', c: {aa: 'aa', bb: 'bb'}} prop校验数据a，就prop=“a”
element-plus form表单验证，提示***is not a string
qianduan22的博客
07-29 705
首页我们一个输入框可以配置多个验证规则，这个提醒只是针对多个规则当中的一个规则，所以我们首先要针对报错的那一条进行处理，而我一直没解决就是因为一直在处理第一条，导致一直不过，切记。{ min: 0.1, max: 0.9, message: '算法置信度范围为【0.1 ~ 0.9】，请重新填写', trigger: 'blur' }它一直报错，是因为我没有给这个规则加type类型，并且输入框也是number类型的，所以只需要 type: 'number'加上就搞定了。我遇到的坑，记录一下。
element-ui 表单验证数字类型提示 xx is not a string
qq_26642611的博客
08-21 5277
有一个表单 <el-form-item prop="numberpoint" style="width: 100px" :rules="[{ required: integralCheck, message: '请输入积分', trigger: 'blur'}, integralCheck ? { validator: ruleGroup.checkNum500, trigger: 'blur'} : {}
vue 表单校验不通过问题
qq_41615095的博客
07-07 4240
vue 表单校验
element-ui 表单验证（解决了表单验证不生效的问题）vue有关elementui form表单rules验证问题，有值却仍然显示不通过
m0_53251830的博客
01-18 5067
一般有值，但是表单认证不通过，是因为设定的rules参数和model绑定的参数不一致，或者是地址部一直，这些需要注意的点查一下都有，就不赘述了。下面说说另外一中用法，:prop='formData.'+index+'.value' 遍历表单的情况下 表单检验 对于数组数据 如： modelData:{ id:'123', name:'用户数据', formData:[ //关键数据 { title:"姓名", ..
VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入
HanXiaoXi_yeal的博客
09-21 3583
可以看到我们自定义name长度为120，当用户输入超过120会出现error提示，并实时显示用户输入的字符长度，可以无限输入但是无法通过校验。新建js文件写入下面的函数。
is not a string
stay_for_you的博客
03-03 2076
表单提示 is not a string，是因为validator: checkGrade()，把括号去掉变成validator: checkGrade就可以了
解决ElementUI动态表单校验验证不通过
chao的博客
08-11 2117
这里记录一下，写项目时遇到的一个问题：就是动态渲染的表单项，加验证规则后一直不通过！！！
element ui 表单验证
最新发布
09-28
Element UI 提供了一套简洁易用的表单验证组件，允许开发者方便地集成到项目中。它基于 Vue.js，并提供了一系列预设的验证规则和提示，可以轻松实现如必填项、邮箱格式、手机号码验证等功能。以下是Element UI 表单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值