form做表单验证时，填写了正确的数值但是依旧一直提示为空。

最新推荐文章于 2024-04-07 15:53:22 发布
原创 最新推荐文章于 2024-04-07 15:53:22 发布 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了一位开发者在使用Vue进行表单验证时遇到的问题，即输入正确数值后仍显示为空。问题根源在于props验证和v-model值未正确同步。解决方案涉及确保两者绑定的参数在data中声明并保持一致。对于前端开发人员，理解和解决此类问题至关重要，以优化用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

form做表单验证时，填写了正确的数值但是依旧一直提示为空。

问题出现在props验证和v-model值上，这两个必须为同一个参数且在data内声明了

Qt开发经验总结
草上爬的博客
12-02 1万+
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
【Antd】Form 表单获取不到 Input 的值
qq_45677671的博客
02-22 1298
Form 表单获取不到表单值问题分析及解决方法
Element-ui表单验证验证失败,input内有内容仍然验证为空的问题,验证数值类型不一致问题
progrmmmm的博客
11-15 1万+
验证的key只能是数组内的某一个key,不能之间验证 格式: html: <el-form :model="nodeName(数组名)" ref="nodeName(数组名)"> <el-form-item prop="name(数组内的属性)" label="内容:" :label-width="formLabelWidth" :rules="[{ required: true, message: '不能为空'}]"> <el-input
vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空
Liberty_yes的博客
11-24 1764
vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空
vue form表单验证出现选择输入了值，但是还是提示未选择时的问题
neverlandkk的博客
03-26 8145
掉坑日记02：vue form表单验证出现选择了值，但是还是提示未选择时的问题 在表单验证是 ，发现选择或者输入了值，但是rules验证还在显示未输入值警告的message。大概率是你没定义modal值，这个时候rules 监测不到你是否输入了值 确定的点 1.是否有ref 2.是否有rules属性且在data中定义了规则 3.props定制的字段名是否和rules里一样 4.输入框或者选择框的v-modal绑定的是否和a-form-model的modal是否一致 ...
elementUi——form表单提交，输入内容后仍然提示不能为空的校验问题——基础积累
yehaocheng520的博客
01-07 7086
最近在做后台管理系统时，遇到了一个问题，就是关于表单校验的问题。 根据上图，明明已经选择了供应商名称字段，但是点击保存按钮时，还是会有校验问题，提示请选择供应商。导致无法进行表单的提交。 出现此问题的原因就是：校验的字段有被删除过。 比如上面的字段是：this.form.supplierId,在进行一些表单的清空操作时，如果直接使用了this.form={}，则会导致this.form.supplierId的双向数据绑定功能失效，进而无法进行正确的表单校验。 例如：下面的代码，在创建vue的时候，给thi
Vue 前端非空校验（第一次有数值但还是提示空）问题解决
喜欢吃糖丶的博客
10-25 7356
今天一下午，全部都解决这个问题去了，浪费了一下午的时候（其实也就这一个任务了慢慢做也没事）
使用Forms+Power BI实时统计员工健康状况
PowerPivotShop的博客
06-16 2870
受到此次新冠肺炎疫情影响，各地都延长了复工时间或在家办公。现在很多公司每天在统计员工的身体状况，今天给大家介绍一下通过Forms+Power BI进行统计的两种方法。 在本次实践中，我们采用Forms调查问卷的形式采集员工的健康信息，再由Power BI进行统计和分析呈现。接下来我们给大家介绍两种方法： 第一种是用Forms创建问卷，然后用Power Automate将数据实时更新到Power BI数据集中，通过Power BI进行分析和可视化呈现。这种办法可以实现统计结果的实时更新。 第二种是用Powe.
JavaEE知识体系
yuh2012的博客
07-11 2万+
1 1.文件上传下载 1.1 文件上传 1.1.1 文件上传的作用 例如网络硬盘！就是用来上传下载文件的。 在智联招聘上填写一个完整的简历还需要上传照片呢。 1.1.2 文件上传对页面的要求 1.必须使用表单，而不能是超链接； 2.表单的method必须是POST，而不能是GET； 3.表单的enctype必须是multipart/form-data； 4.在表单中添加file表
uniapp 报错之 uView UI 表单校验 相关字段有数据有值的情况下非空验证失败问题
YZRHANYU的博客
11-21 4092
uniapp 报错之 uView UI 表单校验 相关字段有数据有值的情况下非空验证失败问题
element-ui表单校验，当formData有多层时，输入了数据还是提示不能为空
weixin_43882265的博客
03-21 1785
1、先看formData表单校验详解： el-form-item 上，prop绑定的值必须可以通过 . 的方式从el-form上的model绑定的对象中找到。 例： input绑定的是name，el-form上的model绑定的是formData，他们的关系是formData.list[0].name 所以，prop绑定的值应该是字符串：list[0].name 只有这样写，校验方法rule_name传入的value才是输入框中的值。 2、解决方法： 引用： ELEMENT-UI之FORM表单校验的
有关elementui form验证问题，有值却仍然显示不通过
Fture_Bird的博客
01-16 2万+
关于elementui form表单的验证，明明填写了正确的值却显示验证还没通过可能存在的原因（个人看法，有不正确的请指出）： 1、首先需要保证表单上的 :model=" "和prop=" "绑定正确；下面是官网的例子： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class=...
element 表单输入内容后仍然提示不能为空的校验问题
weixin_45364523的博客
04-18 2111
element 表单输入内容后仍然提示不能为空的校验问题 例如： 问题描述：，明明已经选择了接单科室字段，但是点击保存按钮时，还是会有校验问题，提示请选择接单科室。导致无法进行表单的提交。 我这里出现问题的原因是在date声明表单form对象的时候，没有定义接单科室对于的字段，直接给接单科室赋值的时候正则验证找不到接单科室字段，所有提示没有值。 注意事项: data里 form 声明数据 el-form-item 的prop声明要校验的字段 el-input 的 v-model 绑定该字段 (如果需要重置
vue有关elementui form表单rules验证问题，有值却仍然显示不通过
web15085181368的博客
03-02 1万+
帮同事解决一个vue表单验证的问题，利用了rules，但是填完内容还是一直提示不能为空的错误，情况如下图所示： 1、检查:rules ref，例如本黎:rules=“rules” ref="reluForm"是否与data中定义的一致 2、检查prop值与绑定的属性一致，例如本例中prop="title"中title与data中rules规则绑定的属性一一对应 3、检测表单是否一致，例如本例中:model="addForm"与data中定义的表单名是否一致 以上都检查过没有问题 <el-form :
使用 表单校验时候， 出现存在值依旧提示为空的情况
最新发布
weixin_45379180的博客
04-07 427
原因就是 ： 值的类型。
python框架wtforms表单校验中的Form类的errors属性错误访问的时候为何断掉调试显示为空（根源在哪里？）
weixin_43343144的博客
01-23 1313
@blueprint_web.route('/book/search') def search_keywrod(): form = BookForms(request.args) val_bool = form.validate() #必须等到validate()方法调用完毕之后，form才会正确显示errors属性是否有错误 if val_bool: ...
解决element-ui form表单校验明明有值，校验的错误提醒还在
sun0_cat的博客
06-08 8213
问题： 我的form表单用的是最简单的非空校验，点击提交按钮，输入几个值，然后在点提交按钮，一部分的值还在显示错误校验 解决： 将rules里的校验顺序重新排列一下
Element输入框表单校验手动清空时出现required
cargelzhong的博客
03-07 608
这时候需要把el-form-item里的required删除，移至校验规则rules中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值