vue开发中form表单validate失效的情况之一

笨笨小雪

于 2024-08-20 18:23:04 发布

阅读量201

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/LiuxiaoXue_2018/article/details/141365246

版权

model关联的form在data定义了

form:{

arr:[]

}

arr是通过父组件this.$refs.fun('arr')传参传进来直接复制到obj.arr

问题： this.$refs.form.validate 有值也失效

排查发现页面代码没有问题，是深浅拷贝，

arr是父组件里面传过来的解决方案：JSON.parse(JSON.stringify(arr))

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

笨笨小雪

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uview2 表单Form校验validate不生效处理方法

s_156的博客

04-05

1488

按这个来会发现，有校验，但是不会打印“验证通过”或是“验证失败”

ElementUI中 el-form 表单面向多层嵌套数据(实体类或数组) 的校验 validate 异常解决

04-22

6774

感谢这篇文章的提示，按照ElementUI官网，对于单层或者两层结构的数据，el-form 表单很容易地在el-form-item的prop属性绑定对应model中的字段，即可完成校验 validate 。但是对于多层嵌套数据(实体类或数组)，诸如以下结构： data1: { field11: '', field12: '', data2: { fi...

参与评论您还未登录，请先登录后发表或查看评论

【vue】form表单提交validate验证不进valid原因

qq_33225414的博客

06-20

981

3.中要写成:model，不能使用v-model。4.自定义的validate要各个路径均能返回callback()。1.是否写了ref=“form”。2.是否有其它标签写了ref=“form”。

解决vue两个表单切换时,校验规则失效问题

weixin_44111864的博客

07-01

3395

问题:两个表单切换,分别使用不同校验规则,校验规则失效解决思路:1.切换时使用resetField对该表单项进行重置，将其值重置为初始值并移除校验结果问题本质:即使两个表单绑定的值不同，但是浏览器在解析时，先解析第一个表单，此时表单上是没有绑定ref，之后再解析第二个表单时，浏览器发现这它的prop和第一个表单的prop一样，所以就认为这两个表单是同一个表单，就没有重新渲染，而ref本身是作为渲染结果被创建的，所以第二个表单没能成功绑定ref，验证就无法生效。 loginTypeFlag() {

VUE el-form 当表单数据多层嵌套，校验不生效或校验一直显示不成功的提示。

m0_67477481的博客

05-07

907

我的方法很简单粗暴，rules 这里对应的表单数据结构，写出对应的校验数据结构。可以看出表单数据结构是多了一层 orderProductList数组，那么对应的rules也多了这个数组orderProductList。首先我的表单数据是这样的,也就是多了一层orderProductList这个数组。那要怎么校验这个多出来的一层的数据呢？el-form 官方的表单数据是这样的,只有浅浅的一层。

在微信小程序中使用uView rules 表单校验 validator 不起作用（无效）

leaf的博客

03-03

8660

注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 onReady() { // 如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则 this.$refs.form1.setRules(this.rules) }, ...

this.$refs.form.validate() 不执行问题的解决办法

最新发布

10-17

Vue3 中的 `form` 组件和 `v-model` 结合使用时，如果 `form` 的 `rules` 验证失效可能有以下几种情况： 1. **验证规则设置不正确**：确保你的验证规则语法无误，比如使用了正确的验证器（如 `required`, `...

Vue -- iview中，DatePicker日期控件类型type="datetimerange" ，表单验证validate不通过问题。

Emily

08-16

9116

解决如下：适合所有类型的验证：daterange、datetimerange、date、datetime、year、month。 <FormItem label="任务时间：" prop="taskTime"> <DatePicker type="daterange" placeholder="开始时间-结束时间" v-model="formItem.taskTi...

@Valid和@Validated不生效

weixin_42058792的博客

01-22

2043

第二步，发现本项目中另外有个controller的校验组件是生效的，怀疑是什么玄学问题，重新建了controller，依然无效，然后在新的controller中调用的生效的参数dto，校验生效了。反复对比后发现，生效的参数dto也只有字符串类型的生效了，原未生效的参数dto中也只有整型的没有生效，没有生效校验的controller正好只有整型的校验。改为基本数据类型int后，参数没有传也不会为null，而是为0，就可以进行min的判断了，Controller中@Valid的校验也生效了。

关于form表单提交validate验证报错总结

喜东东的博客

08-05

1万+

在开发时使用this.$refs.form.validate();会有几种情况报错： this.$refs.form.validate((valid) => {不进入这个函数}) 报没有validate方法遇到以上问题从以下几个地方检查： 1.对于第一个bug，检查写的校验是否写正确了，能够正常callback出来，不然校验就走不出来当然就进入不到那个函数了； 2.对于第二个bug： a.检查html中是否给form定义了ref b.检查是否改组件是否只存在一个你定义...

Avue中crud和form字典未生效的解决方案

thaibo的博客

03-06

5158

为字段设置的字典采用dicData的方式，在created()方法里获取数据后为dicData赋值，导致字典未起作用。重点在于，不要改变dicData对象引用！下面是错误的写法： created() { this.init(); }, methods: { init() { let opt = Object.assign({}, baseOption);...

elementui el-form自定义校验规则后表单验证this.$refs[formName].validate不生效的问题

有没有认真工作的博客

12-11

1034

明明我输入的值是符合规则的，但是点击确定硬是没有任何反馈，原来是通过验证的时候我少了return callback()

uniapp uview 框架的form表单，输入校验手机号、校验微信号

坐等夕阳落time的博客

06-06

7087

uniapp uview 框架的form表单，输入校验手机号、校验微信号

uView2中form表单验证可能失效原因

qq_58174484的博客

05-20

800

需添加type约束，如这里date是时间戳（数字类型），补充type为number即可，如下。总之，希望本文会对你有所帮助~ ^_^

关于elementui this.$refs[“form“].validate校验消失的原因

weixin_48090015的博客

10-24

1837

在表单提交的时候遇到elementui 提交点击确认后却没有显示任何成功或者失败的信息，原因大概率是在表单中rules使用了自定义校验，而elementui中自定义校验一定要有callback()，添加之后得以提交表单。